JQuery为textarea添加maxlength属性并且兼容IE


Posted in Javascript onApril 25, 2013

// JQuery为textarea添加maxlength
// textarea默认不支持maxlength属性。
// 通过JQuery的keyup事件:
JQuery代码如下

<script type="text/javascript"> 
$(function(){ 
//IE也能用textarea 
$("textarea[maxlength]").keyup(function(){ 
var area=$(this); 
var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 
if(max>0){ 
if(area.val().length>max){ //textarea的文本长度大于maxlength 
area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值 
} 
} 
}); 
//复制的字符处理问题 
$("textarea[maxlength]").blur(function(){ 
var area=$(this); 
var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 
if(max>0){ 
if(area.val().length>max){ //textarea的文本长度大于maxlength 
area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值 
} 
} 
}); 
}); 
</script>

html:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>
Javascript 相关文章推荐
jquery判断元素的子元素是否存在的示例代码
Feb 04 Javascript
js中的caller和callee属性介绍和例子
Jun 07 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
JS产生随机数的用法小结
Dec 10 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
Feb 22 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
jfinal与bootstrap的登出实战详解
Nov 27 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 jQuery
vue实现下拉加载其实没那么复杂
Aug 13 Javascript
jQuery实现弹幕特效
Nov 29 jQuery
如何修改Vue打包后文件的接口地址配置的方法
Apr 22 Javascript
同时使用n个window onload加载实例介绍
Apr 25 #Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 #Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 #Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 #Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
js Array对象的扩展函数代码
Apr 24 #Javascript
You might like
用Php实现链结人气统计
2006/10/09 PHP
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
使用Jenkins部署React项目的方法步骤
2019/03/11 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
JavaScript实现商品评价五星好评
2020/11/30 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
python根据经纬度计算距离示例
2014/02/16 Python
Python实现telnet服务器的方法
2015/07/10 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
详解Python进程间通信之命名管道
2017/08/28 Python
django解决跨域请求的问题
2018/11/11 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
python二进制文件的转译详解
2019/07/03 Python
pycharm设置鼠标悬停查看方法设置
2019/07/29 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
治安消防安全责任书
2014/07/23 职场文书
部门活动策划方案
2014/08/16 职场文书
留学推荐信(中英文版)
2015/03/26 职场文书
2015年采购部工作总结
2015/04/23 职场文书
表扬信格式模板
2015/05/05 职场文书
2016五一手机促销广告语
2016/01/28 职场文书
Python初学者必备的文件读写指南
2021/06/23 Python
mysql数据库如何转移到oracle
2022/12/24 MySQL