jquery文本区长度计数？

Question

我有一个文本区域字段,当用户在字段中输入一些文本时,我需要提供有关字数的信息.该字段的长度应为500个字符.最初它必须显示

最小字符:100 | 500 of 500 // 0 of 500必须为红色

一旦用户输入来,字符也需要更新计数.一旦用户达到计数,说明最小字符100,我需要显示

最小字符:100 | 100个500 // 100的500必须是绿色.

我怎样才能做到这一点？？是否有相同的插件??? 让我知道你对此的看法.

Answer 1

最简单的计算方法:

var count = $("#your_textarea").val().length;

Answer 2

$("#your-text-area").on('keyup', function(event) {
    var currentString = $("#your-text-area").val()
    $("Your Div").html(currentString.length);
    if (currentString.length <= 500 )  {  /*or whatever your number is*/
       //do some css with your div
    } else {
       //do some different stuff with your div
    }
});

http://api.jquery.com/bind/

Answer 3

尝试使用此插件功能

来自jqeasy.com的jquery-character-counter