1. 程式人生 > >設定輸入框限制長度相容IE8 maxlength

設定輸入框限制長度相容IE8 maxlength

轉自: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>