textarea 加入长度限制

最新推荐文章于 2019-03-29 22:48:17 发布

原创最新推荐文章于 2019-03-29 22:48:17 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery来限制HTML textarea元素中用户输入的最大字符数的方法。通过监听keyup和blur事件，可以确保用户输入的内容不会超过预先设定的最大长度。

利用 keyup，blur 截断后面的输入字符长度

<textarea name="siteCompany.description" value="" maxlength="100" style="width:300px;height:100px"></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的文本重新赋值
}
}
});