帮助中心 >  技术知识库 >  网站相关 >  程序开发 >  jquery实现输入框实时检测输入字符个数并且到了规定的字数禁止输入

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

2019-01-24 16:42:43 23348

实现输入框输入字数多余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);
        }
    });
})


提交成功!非常感谢您的反馈,我们会继续努力做到更好!

这条文档是否有帮助解决问题?

非常抱歉未能帮助到您。为了给您提供更好的服务,我们很需要您进一步的反馈信息:

在文档使用中是否遇到以下问题: