How to count number of characters limit in textarea Javascript

How to count number of characters limit in textarea Javascript

In this post, i will let you know how to count number of characters limit in textarea and show the available remaining characters that you can enter.

For example, If you are going to send SMS from application then there you can use this validation for apply characters limit.

In this example, you will know the use of onkeyup and onkeydown event.

onkeyup event is triggered when a keyboard key is released and onkeydown event is triggered when a keyboard key is pressed.

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Javascript Maxlength Validation with Example</title>
  5. </head>
  6. <body>
  7. <form>
  8. <textarea name="message" placeholder="Type here to see how it work" onkeydown="limitText(this.form.message,this.form.countdown,160);" onkeyup='limitText(this.form.message,this.form.countdown,160);'></textarea>
  9. You have
  10. <input readonly type="text" name="countdown" size="3" value="160"> chars left
  11. </form>
  12. <script type="text/javascript">
  13. function limitText(limitField, limitCount, limitNum) {
  14. if (limitField.value.length > limitNum) {
  15. limitField.value = limitField.value.substring(0, limitNum);
  16. } else {
  17. limitCount.value = limitNum - limitField.value.length;
  18. }
  19. }
  20. </script>
  21. </body>
  22. </html>

Click here to know the Javascript Bootstrap - Textarea count characters validation with example

Phone: (+91) 8800417876
Noida, 201301
kadıköy escort tuzla escort kurtköy escort kartal escort maltepe escort bakırköy escort ataşehir escort
En kaliteli ve Gerçek sex hikaye 'lerini okuyabilir ve kendi seks hikayelerinizi paylaşabilirsiniz.
Türkiyenin en iyi hd porno izle sitesi 7dak ile doyumsuz türk sikişleri seyredin.
şişli escort
pendik escort
izmir escort izmir escort izmir escort izmir escort denizli escort antalya escort antalya escort antalya escort izmir escort izmir escort izmir escort izmir escort izmir escort
ankara escort
çeşme escort
kurtköy escort escort pendik
Betwinner