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 文件。

推荐阅读：

WebStorm 设置Sublime默认字体Consolas

网站底部版权信息的正确拼写格式

写一写今天用阿里云安装wdCP搭建网站踩的坑

Bootstrap 模态框（Modal）插件的基本应用

jQuery text() html() val()设置内容和attr()设置属性的用法