Return key in textarea counts as 2 characters for chrome

Question

<html>
<head>
</head>
<body>
    <textarea maxlength="10"></textarea>
</body>
</html>

I am encountering an issue that counts return key as 2 characters. I have applied regex also to solve this issue but unable to do that. The regex I applied is (/(?:\r\n|\r|\n)/g, '\n')

Is the count different after the regex? would a simple string replace give different result? — Martin Staufcik, Oct 30 '15 at 11:27
This simple string is replacing and the count is updated perfectly. But I don't want to omit return key. I want return key to be there in the model but the count for that should be 1 and not 2 — Parisah, Oct 30 '15 at 11:33

score 2 · Accepted Answer · edited May 23 '17 at 12:29

The carriage returns in Chrome are \r\n, which are considered two characters (\r and \n).

I would recommend you to take a look in the following questions:

The last link can provide an explanation as why limiting the length by HTML attributes make the new line count as two characters (which is the real length) while JavaScript code considers them to be a single character.

If you really need to worry about line breaks and character counting, I would suggest you to replace the length validation in HTML by a JavaScript validation in your AngularJS application, as you would be able to count line breaks as a single character, as desired.

Return key in textarea counts as 2 characters for chrome

1 Answers1