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?

Sales

Answer 1

$('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);
});

Correy

Too much jQuery. this.value.length is also sufficient (instead of $(this).val().length). – Henden

Many thnx Answers should also have been able to be bookmarked : ) – Gonadotropin

Answer 2

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

Single

That would only work if the input had an id of textbox. <input type="text" id="textbox" /> – Wont