textarea 字體限制，超出部分不顯示並及時顯示還剩字體個數

1）HTML

<textarea class="box" ></textarea  >

 

2)JQ:

$(function(){
　　　　$(".box").bind("input  propertychange",function(){
　　　　　　var len=$(this).val().length;
　　　　　　var nowLen=10-len;        //10為最多顯示的個數。
　　　　　　if(nowLen<0){
　　　　　　　　alert("最多只能輸入10個字哦");
　　　　　　　　$("及時顯示還剩字體個數的對象").text(0);    //這里是為了比如還剩兩個字的時候，用戶在鍵盤上輸入三個字，但是還沒有打在文本框里的時候的情況，如果不設置為0的話，當用戶把那三個字打在文本框內，會讓及時顯示的個數有問題。
　　　　　　　　$(this).val($(this).val().substr(0,10));    //這里必須重新賦值一次。
　　　　　　}else{
　　　　　　　　$("及時顯示還剩字體個數的對象").text(nowLen);
　　　　　　}
　　　　});
　　});