jquery实现textarea输入框限制字数的方法


Posted in Javascript onJanuary 15, 2015

本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下:

网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。

<html>

<head>

<title> jquery完美实现textarea输入框限制字数</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">

 $(function(){

  $("#weibo").keyup(function(){

   var len = $(this).val().length;

   if(len > 139){

    $(this).val($(this).val().substring(0,140));

   }

   var num = 140 - len;

   $("#word").text(num);

  });

 });

</script>

<style type="text/css">

h6{color:blue;}

textarea{resize:none;}

#word{color:red;}

</style>

</head>

<body>

<h6>说点什么吧,你可以输入<span>140</span>个字,现在剩余<span id="word">140</span>个</h6>

<textarea name="con" id="weibo" cols="45" rows="6"></textarea>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
jQuery动态添加、删除元素的方法
Jan 09 Javascript
JavaScript动态创建link标签到head里的方法
Dec 22 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
EasyUi datagrid 实现表格分页
Feb 10 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
jQuery插件开发汇总
May 15 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
Javascript组合继承方法代码实例解析
Apr 02 Javascript
28个常用JavaScript方法集锦
Jan 14 #Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 #Javascript
jquery移动节点实例
Jan 14 #Javascript
jquery获取checkbox的值并post提交
Jan 14 #Javascript
js打造数组转json函数
Jan 14 #Javascript
使用jquery 简单实现下拉菜单
Jan 14 #Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 #Javascript
You might like
自己前几天写的无限分类类
2007/02/14 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
php简单获取复选框值的方法
2016/05/11 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
JavaScript中的数组特性介绍
2014/12/30 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
2015/10/23 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
javascript常见数字进制转换实例分析
2016/04/21 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
Python  __getattr__与__setattr__使用方法
2008/09/06 Python
python处理csv数据的方法
2015/03/11 Python
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
python读取oracle函数返回值
2016/07/18 Python
python简单图片操作:打开\显示\保存图像方法介绍
2017/11/23 Python
python矩阵转换为一维数组的实例
2018/06/05 Python
浅谈关于Python3中venv虚拟环境
2018/08/01 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
详解爬虫被封的问题
2019/04/23 Python
Python 使用list和tuple+条件判断详解
2019/07/30 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
如何完美的建立一个python项目
2020/10/09 Python
男方父母婚礼答谢词
2014/01/25 职场文书
高中地理教学反思
2014/01/29 职场文书
幼儿园招生广告
2014/03/19 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
大专生找工作自荐书
2014/06/10 职场文书
2014年数学教师工作总结
2014/12/03 职场文书
数学复习课教学反思
2016/02/18 职场文书