Simple way to count characters using .keyup in jQuery

Question

Click to copy

<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

Click to copy

$('#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

Click to copy

$('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:

Click to copy

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