实时统计文本框字数



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


<div class="form-group">
    <label class="col-sm-3 control-label" for="comments_content">评论内容:</label>			
    <div class="col-sm-6">
        <textarea name="comments_content" id="comments_content"  class="form-control limited" rows="8" maxlength="500" placeholder="请输入评论内容"></textarea>
        <div class="text-right"><span class="textNum">0</span>/500</div>
    </div>
</div>


<div id="app">
    <textarea v-model:trim="formobj.content" @input="descInput" maxlength="500" placeholder="请在此输入......" ></textarea>
    {{txtVal}}/500
</div>
<script>
    var vm = new Vue({
        el : "#app",
        data : {
            formobj : {
                content : ""
            },
            txtVal : 0
        },
        methods : {
            descInput : function() {
                this.txtVal = this.formobj.content.length;
            },
        }
    });
</script>
发布了25 篇原创文章 · 获赞 0 · 访问量 601

猜你喜欢

转载自blog.csdn.net/luyundesign/article/details/103372906