Question

HTML

<input type='text' id='addComment' name='addComment' />
<div class='counter' style='margin:0; padding:0;'> </div>

JS：

<script type="text/javascript">
$('#addComment').each(function(){
                // get current number of characters
                var length = $(this).val().length;
                // get current number of words
                //var length = $(this).val().split(/\b[\s,\.-:;]*/).length;
                // update characters
                $(this).parent().find('.counter').html( 254 - length + ' characters left');
                // bind on key up event
                $(this).keyup(function(){
                    // get new length of characters
                    var new_length = $(this).val().length;
                    // get new length of words
                    //var new_length = $(this).val().split(/\b[\s,\.-:;]*/).length;
                    // update
                    $(this).parent().find('.counter').html( 254 - new_length + ' characters left');
                });
            });
</script>

Answer 1

It works for me

一旦超出限制，您可能想知道如何限制它。

这样做......

$(this).val(function(index, oldValue) { return oldValue.substring(0, 254); })

jsFiddle

为什么这个jquery不工作？ Jquery字符数

1 个答案: