Max characters in textarea with jquery

by

All of these answers are a bit odd in that they try to do a little too much. A simpler and visually more pleasing way (because it shows the text quickly being cut off) – and with with less oddities that the previous example (note how it overwrites the final key?) – is to simply cut off the number of characters on keyUp to the number that’s allowed.

var maxchars = 400;

$('body').on('keyup paste', 'textarea', function () {
    $(this).val($(this).val().substring(0, maxchars));
    var tlength = $(this).val().length;
    remain = maxchars - parseInt(tlength);
    $('#remain').text(remain);
});

Note that this then also works for pasting in text, as some of the examples above don’t.

Example here: http://jsfiddle.net/PzESw/5/

More Related Contents:

  1. Limit number of lines in textarea and Display line count using jQuery
  2. This doesn’t seem right? Javascript isn’t working
  3. Rendering HTML inside textarea
  4. Including a hyphen in a regex character bracket?
  5. Required field validations not working in JQuery Popup MVC 4
  6. Validation of file extension before uploading file
  7. Trying to Validate URL Using JavaScript
  8. How do you get the cursor position in a textarea?
  9. jQuery add required to input fields
  10. Limiting number of lines in textarea
  11. How do I remove javascript validation from my eclipse project?
  12. javascript regex for password containing at least 8 characters, 1 number, 1 upper and 1 lowercase [duplicate]
  13. jQuery – select all text from a textarea
  14. how to get the value of a textarea in jquery?
  15. Best JavaScript solution for client-side form validation and interaction? [closed]
  16. Count textarea characters
  17. Is there a way to make a text area partially editable? (make only portions of the text editable)
  18. How to read line by line of a text area HTML tag
  19. Check if date is in the past Javascript
  20. jquery only allow input float number
  21. Validate html text input as it’s typed
  22. CSS Textarea that expands as you type text [duplicate]
  23. Get the offset position of the caret in a textarea in pixels [duplicate]
  24. Trigger standard HTML validation (form) without using submit button? [duplicate]
  25. What is jQuery Unobtrusive Validation?
  26. Get value from text area [duplicate]
  27. Set cursor to specific position on specific line in a textarea
  28. Form Validation With Bootstrap (jQuery)
  29. JavaScript validation issue with international characters
  30. How to highlight a part part of an Input text field in HTML using Javascript or JQuery

Leave a Comment