咨询热线:4006-75-4006

售前:9:00-23:30    备案:9:00-18:00    技术:7*24h

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

2019-01-24 16:42:43 23325次

实现输入框输入字数多余150个字符就不能输入,并且实时查看剩余能输入的个数,用jquery做了下,代码如下

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


首页
最新活动
个人中心