jQuery实现输入框实时检测输入字符个数并且到了规定的字数禁止输入

凨影 739

html代码:

<textarea  cols="10" rows="10"  id="accepted_answer"></textarea>
<h6 id="word">150</h6>

jQuery代码如下:

$(function(){
    $("#accepted_answer").keyup(function(){
        var len = $(this).val().length;
        if(len > 149){
            $(this).val($(this).val().substring(0,150));
            $("#word").text(0);
        }
        var num = 150 - len; 
        if(num<0){
            $("#word").text(0);
        }else{
            $("#word").text(num);
        }
    });
})

TAGS

联系QQ:77798085 赞助请点这里
全部回复 (5)
  • 542371930qqcom 2020-10-17
    2
    顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶!
    亚太地区
    这个人很有个性,连签名都没有!
  • gitkeep 2020-10-17
    3
    你就是我心中的那首忐忑,总是让我惊心动魄。
    亚太地区
    这个人很有个性,连签名都没有!
  • vnet 2020-10-17
    4
    心情不好,来杯板蓝根!
    亚太地区
    这个人很有个性,连签名都没有!
  • D 2020-10-17
    5
    心随我动,想回就回。
    亚太地区
    这个人很有个性,连签名都没有!
  • QQ123 2020-10-17
    6
    心随我动,想回就回。
    亚太地区
    这个人很有个性,连签名都没有!