jquery text area length count?

Question

I have a text area field where i need to provide information about the word count when the user enters some text in the field. Length of the field is supposed to be 500 Characters. Initialy it must show

min characters:100 | 0 of 500 // 0 of 500 must be in red color

and once the user enters come character need to update the count as well. Once the user reaches the count say the min character 100, i need to display

min characters:100 | 100 of 500 // 100 of 500 must be in green color.

How can i do this?? is there any plugin for the same??? let me know your thoughts on this.

Answer 1

Simplest way to count:

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

Try to use this plugin feature

jquery-character-counter from jqeasy.com