jQuery/HTML- Count characters in textarea

Topic: 1.Character Counting Remaining on textarea using jQuery.

Topic: 2. jQuery- Count characters in textarea

Topic: 3. How can I count characters in textarea on onkeyup() event using jQuery?

Solution:

We can find above topics solutions in below code.

STEP 1: Include jQuery

?

1	<script src="https://code.jquery.com/jquery-1.5.js"></script>

STEP 2: Script

?

1 2 3 4 5 6 7 8

function countChar(val) {         var len = val.value.length;         if (len >= 500) {           val.value = val.value.substring(0, 500);         } else {           $('#charNum').text(500 - len);         } };

STEP 3: HTML

?

1 2	<textarea id="field" onkeyup="countChar(this)"></textarea><br> <b>Remaining limit:</b><span id="charNum">500</span> characters