textarea限制输入字数并显示还能输入多少字

限制输入字数,谷歌、火狐、IE10以上支持maxlength属性,IE9不支持,如果IE9想要限制输入字数,就只能用onpropertychange="if(value.length>100) value=value.substr(0,100)"。所以为了支持这几个浏览器,让textarea都能限制字数,我采用两个都写的方式。

<textarea name="content" id="content" onkeyup="cal();" maxlength="100" onpropertychange="if(value.length>100) value=value.substr(0,100)"></textarea>

<div><span class="text_count">还能输入<span class="num_count" id="numCount">100</span>字</span></div>

显示还能输入多少个字

function cal(){

     var length = $("#content").val().length;

     if(length>100){

         $("#talkCount").text(length);  

         alert("字数请在100字以内.");

     }else{

         $("#numCount").text(200-length);  

     } 

 }

猜你喜欢

转载自282431500.iteye.com/blog/2386223