Simple way to count characters using .keyup in jQuery

Question

<input type="text" />

How can I write the number of characters from input on .keyup in JavaScript/jQuery?

Answer 1

Example - This will alert out the number of characters

$('#textBoxId').bind('keyup', function(e){

     alert($(this).val().length);

});

This obviously assumes that the text box has an id of textBoxId. Otherwise change selector iof don't want to give it an id for some reason

Answer 2

$('input').keyup(function() {
    console.log(this.value.length);
});

keyup is a shortcut method for bind('keyup').
And as of jQuery version 1.7, all of the above are deprecated we are encourage to use the on method to bind events, meaning that the code should look like this:

$('input').on('keyup', function() {
    console.log(this.value.length);
});