JQuery为textarea添加maxlength属性的代码_jquery
程序员文章站
2022-04-13 16:27:24
...
通过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的全部内容提交。
复制代码 代码如下:
如果只用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的全部内容提交。
上一篇: 微信公众帐号开发教程第14篇-自定义菜单的创建及菜单事件响应
下一篇: 详解js界面跳转与值传递
推荐阅读
-
jquery如何给对象动态添加属性以及选择器、事件的绑定?(代码教程)
-
jQuery 获取/设置/删除DOM元素的属性以a元素为例
-
jquery实现在页面加载的时自动为日期插件添加当前日期
-
JQuery为textarea添加maxlength属性并且兼容IE
-
为jQuery添加Webkit的触摸的方法分享
-
jQuery添加/改变/移除CSS类及判断是否已经存在CSS的代码教程
-
JQuery验证jsp页面属性是否为空(实例代码)
-
html中的input标签的checked属性jquery判断代码
-
JS和jQuery通过this获取html标签中的属性值(实例代码)
-
jQuery 添加样式属性的优先级别方法(推荐)