I'm searching for the following event, I need the number of the characters entered into a text box in a registration screen to appear automatically next to the same text box in JavaScript or jQuery.

it's a question from a beginner, thanks in advance.

I'm searching for the following event, I need the number of the characters entered into a text box in a registration screen to appear automatically next to the same text box in JavaScript or jQuery.

it's a question from a beginner, thanks in advance.

• javascript
• jquery

• search of .keyup() then get the length of the .val() of input – guradio Commented Dec 22, 2016 at 2:58
• @guradio .keyup() is not a reliable function for this. See here: stackoverflow./questions/2823733/textarea-onchange-detection – MasterBob Commented Dec 22, 2016 at 3:00
• 1 @MasterBob in your link did you read it?the answer used .keyup() – guradio Commented Dec 22, 2016 at 3:01
• 1 @guradio facepalm... does anybody read the ments these days? – MasterBob Commented Dec 22, 2016 at 3:01

2 Answers 2

Listen for the input event and check the length of the textbox's value then.

$("#input").on("input", function() {
    $("#count").text(this.value.length);
});

<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input"> <span id="count">0</span>

IMHO, keypress should be the ideal event to look for character count.

$('#input').on('keypress', function(e) {
    var count = $(this).val().length;
    $('#span').text(count);
})   

Keypress vs. Keyup:

If i press and hold any character key for a few seconds, it'd enter few characters in input box and keyup event would give you a count of 1 for this because key was lifted only once. However, keypress would give the exact number of characters entered.