[jQuery]限制TextArea字元數

[jQuery]限制TextArea字元數

ASP.NET MVC中使用Html.TextBox可以透過maxlength屬性來限制字元數,但Html.TextArea卻不支援maxlength,

所以我們就可以透過jQuery來處理,自己記錄一下。

 

Html

<BODY>    
姓名:<INPUT type="text" value="" size="20" name="myname" id="myname" maxlength="10"/><br/>
留言:<TEXTAREA name="mycomments" id="mycomments" rows="4" cols="20"></TEXTAREA>  
</BODY>

 

jQuery

<Script Type="text/javascript">            
function checklength(ctlid,maxlength)
{              
   if ($("#"+ctlid).text().length > maxlength) {
          $("#"+ctlid).text($("#"+ctlid).text().substring(0, maxlength));
          alert("已超過最大長度!");
          return false;
       }
}
 $(function(){                
         $("#mycomments").keyup(function(){
              checklength("mycomments",100);
          });
 }); 
</Script>

 

結果:

image