textarea实时统计字数

HTML:

<textarea name="textarea" id="advices" rows="10" class="fr" maxlength="100"></textarea>

                    <p class="f24"><span class="wdcount">1</span>/100</p>

 

Js代码：

// textarea初始化字数

    $('textarea').each(function(){

        var fizeNum = $(this).val().length;

        $(this).parent().find('.wdcount').text(fizeNum);

    })

 

    //textarea字数提示

    $('textarea').bind('input propertychange', function () {

        var fizeNum = $(this).val().length;

        if (fizeNum > 100) {

            var char = $(this).val();

            char = char.substr(0, 100);

            $(this).val(char);

            fizeNum = 100;

        }

        $(this).parent().find('.wdcount').text(fizeNum);

    });

 

 

文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。

__________________________________________________________________________________

若有帮助到您，欢迎点击推荐，您的支持是对我坚持最好的肯定(*^_^*)