textarea 字体限制,超出部分不显示并及时显示还剩字体个数

时间:2023-11-25 23:14:56

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