設定輸入框限制長度相容IE8 maxlength
阿新 • • 發佈:2019-02-07
轉自: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>