Count characters in textarea

by

What errors are you seeing in the browser? I can understand why your code doesn’t work if what you posted was incomplete, but without knowing that I can’t know for sure.

You should probably clear the charNum div, or write something, if they are over the limit.

function countChar(val) {
  var len = val.value.length;
  if (len >= 500) {
    val.value = val.value.substring(0, 500);
  } else {
    $('#charNum').text(500 - len);
  }
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<textarea id="field" onkeyup="countChar(this)"></textarea>
<div id="charNum"></div>

More Related Contents:

  1. Code for a simple JavaScript countdown timer?
  2. Set value of textarea in jQuery
  3. Insert text into textarea with jQuery
  4. val() vs. text() for textarea
  5. Cursor position in a textarea (character index, not x/y coordinates)
  6. jQuery counter to count up to a target number
  7. HTML5 textarea placeholder not appearing
  8. jQuery textarea append newline behavior
  9. The .val() of a textarea doesn’t take new lines into account
  10. Animate counter when in viewport
  11. Custom CSS to allow chrome textarea resize smaller than initial state?
  12. How to change the element of another div by clicking and hovering on an element of a different div
  13. use jQuery’s find() on JSON object
  14. Create a CSS rule / class with jQuery at runtime
  15. Custom events in jQuery?
  16. How to get multiple select box values using jQuery?
  17. Handling colon in element ID with jQuery
  18. .prop(‘checked’,false) or .removeAttr(‘checked’)?
  19. datatable jquery – table header width not aligned with body width
  20. validating multiple textbox having same name with jquery validator validates only first input
  21. Mvc Jquery Ajax Post returns null
  22. How to get only direct text without tags with jQuery in HTML
  23. Efficient, concise way to find next matching sibling?
  24. jQuery stopPropagation bubble down
  25. jquery array group by
  26. How to cancel navigation when user clicks a link ( element)?
  27. Cleanest way to get the next sibling in jQuery
  28. Basic how-to for cross domain jsonp
  29. Toggle width with jQuery
  30. JQuery-Mobile collapsible expand/collapse event

Leave a Comment