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);
　　　　　　}
　　　　});
　　});

 

转载于:https://www.cnblogs.com/zjjDaily/p/6137621.html