设置输入框限制长度兼容IE8 maxlength

最新推荐文章于 2020-11-30 19:14:40 发布

转载最新推荐文章于 2020-11-30 19:14:40 发布 · 2.1k 阅读

收录于

本文介绍了一个使用jQuery实现的限制HTML中Textarea输入字符数的方法。通过监听键盘抬起事件和失去焦点事件来实时检查并控制文本区域的内容长度不超过预设的最大长度。

转自：http://www.shangxueba.com/jingyan/1903931.html

1.html

<textarea rows="5" cols="" maxlength="20">你好！</textarea>

2.jquery

<script type="text/javascript">
$(function(){
	$("textarea[maxlength]").on('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]").on('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>