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

推荐阅读：

JavaScript的引入方式和基本属性

给网站添加熊掌号粉丝关注按钮

JetbrainsCrack-2.7激活补丁更新 亲测激活PhpStorm2018

WDLinux故障 Linux系统网站数据备份笔记

JavaScript、Jquery获取屏幕的宽度和高度