w3h5

jQuery实时统计输入框字数及限制的方法

项目中经常会用到文本输入框,而且需要限制输入的字数。

下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法,代码如下:

HTML:简单的写一下,能实现功能即可。

<textarea id="content" placeholder="新消息内容" rows="3"></textarea>
<span class="contentcount">0</span>/200

jQuery:

$('#content').bind('input propertychange', function () {
    var fizeNum = $(this).val().length;//获取输入字数
    if (fizeNum > 200) {//如果大于200
        var char = $(this).val();
        char = char.substr(0, 200);//截取字符串(前200)
        $(this).val(char);
        fizeNum = 200;
    }
    $(this).parent().find('.contentcount').text(fizeNum);
});

这样就可以限制输入字数了,别忘了引 jQuery 文件。

声明:本文由w3h5原创,转载请注明出处:《jQuery实时统计输入框字数及限制的方法》 https://www.w3h5.com/post/396.html

赞 (0)
分享到: +More |

评论 沙发

换个身份