How to detect line breaks in a text area input?

by

You can use match on the string containing the line breaks, and the number of elements in that array should correspond to the number of line breaks.

enteredText = textareaVariableName.val();
numberOfLineBreaks = (enteredText.match(/\n/g)||[]).length;
characterCount = enteredText.length + numberOfLineBreaks;

/\n/g is a regular expression meaning ‘look for the character \n (line break), and do it globally (across the whole string).

The ||[] part is just in case there are no line breaks. Match will return null, so we test the length of an empty array instead to avoid errors.

More Related Contents:

  1. detecting line-breaks with jQuery?
  2. jQuery convert line breaks to br (nl2br equivalent)
  3. Get Character value from KeyCode in JavaScript… then trim
  4. jQuery: Check if special characters exists in string
  5. jQuery AJAX submit form
  6. Check if an image is loaded (no errors) with jQuery
  7. How can I get the data-id attribute?
  8. Required field validations not working in JQuery Popup MVC 4
  9. jQuery.inArray(), how to use it right?
  10. Get the contents of a table row with a button click
  11. How to submit an HTML form without redirection
  12. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  13. Is there a DOM event that fires when an HTML select element is closed?
  14. get selected text’s html in div
  15. How to ONLY trigger parent click event when a child is clicked
  16. How are input parameters filled in javascript method chains?
  17. jQuery min/max property from array of elements
  18. Should I link to Google API’s cloud for JS libraries?
  19. How can I detect when a new element has been added to the document in jquery?
  20. How to implement debounce fn into jQuery keyup event?
  21. jQuery: trigger a hover event from another element
  22. send json object from javascript to php
  23. Getting a diff of two json-objects
  24. Regular expression with the cyrillic alphabet
  25. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  26. Post-loading : check if an image is in the browser cache
  27. Combine two selectors with one jQuery object
  28. fade effect using javascript no jquery?
  29. A file input button for all browsers, is this possible?
  30. How can I change the URI without refreshing the page?

Leave a Comment