当前位置: 编程技术>jquery
JQuery textarea添加maxlength属性的例子
来源: 互联网 发布时间：2014-09-03
本文导语: 我们知道，textarea默认是不支持maxlength属性的。 如今，我们有了jquery，一切不再难，通过JQuery的keyup事件，可以实现为textarea添加maxlength属性。 代码示例: JQuery textarea添加maxlength属性_http://www. $(function(){ $("texta...
我们知道，textarea默认是不支持maxlength属性的。
如今，我们有了jquery，一切不再难，通过JQuery的keyup事件，可以实现为textarea添加maxlength属性。
代码示例:
JQuery textarea添加maxlength属性_http://www.
$(function(){
$("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的文本重新赋值
}
}
});
});
但是，如果只使用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的文本重新赋值
}
}
});
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中的内容。
这个问题，有空再好好琢磨下。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。