您的位置:首页 > Web前端 > JQuery

JQuery为textarea添加maxlength,并且兼容IE

2013-04-24 18:28 330 查看
 //  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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery 表单