首页  >  文章  >  web前端  >  JQuery为textarea添加maxlength属性的代码_jquery

JQuery为textarea添加maxlength属性的代码_jquery

WBOY
WBOY原创
2016-05-16 18:30:051340浏览
通过JQuery的keyup事件:
复制代码 代码如下:



JQuery为textarea添加maxlength








如果只用keyup只能判断键盘输入的maxlength,利用鼠标的粘贴还是可以超过maxlength的限制,可以利用blur事件做判断:
复制代码 代码如下:

$("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的文本重新赋值
}
}
});

失去焦点后截断textarea的文本。
通过blur事件判断后还是有问题,如果是粘贴后直接提交而没有做对textarea的长度验证的情况下,还是会把textarea的全部内容提交。
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn