CODEWITHSUNDEEP
javascriptjqueryonkeyup
UserIsCorrupt
UserIsCorrupt

Reputation: 5025

Simple way to count characters using .keyup in jQuery

<input type="text" />

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

Upvotes: 12

Views: 49983

Answers (2)

gion_13
gion_13

Reputation: 41533

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

Upvotes: 37

Crab Bucket
Crab Bucket

Reputation: 6277

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

Upvotes: 6

Related Questions