Issue with text-area in chrome browser

Question

I have textarea with maxlength attribute ie maxlength="20" . After entering 10 ENTER keys it stops entering any characters while maxlength is 20 in CHROME BROWSER . If you want to test this issue then open here and hit ENTER key 10 times.

<textarea row="10" cols="10" maxlength="20"></textarea>   

Note: Enter characters with ENTER key and see.

Answer 1

It is because the EnterKey is considered to return two characters ie "\\r\\n".

Thats the reason you are only able to press 10 times since the maxlength is 20.

Added: If you want use Jquery to resolve this :

var text = $('#textbox').val();

text = text.replace(/(\r\n|\n|\r)/g,"");