文本区域长度计算在html中无法正常工作

Question

hi i have a text area in my html page and i am using span tag to show its length

html code:

<textarea cols="50" rows="10" maxlength="160"  id="main_text"></textarea><br/>
<span class="charno">0</span>/160

and i am using some jquery to show the length in span tag

jquery code:

$("#main_text").keyup(function(){
      $(".charno").html($("#main_text").val().length);
});

My problem is:

• when i enter 160 characters in the textarea without pressing ENTER button in keyboard it shows correct result(160/160).
• But when i use ENTER button 1 time inside the textarea, i can able to enter 159 characters only(159/160).
• when i use ENTER button 2 times inside the textarea, i can able to enter 158 characters only(158/160).
• when i use ENTER button 3 times inside the textarea, i can able to enter 157 characters only(157/160).
• and so on....

is there any problem in my code or am i doing anything wrong please help.........

Answer 1

This is because one enter key is equivalent to 2 alphanumeric keys entered in text area. If you put "enter key" for 5 times out of 160 characters then you can enter 150 more characters.(150(alphanumeric)+ 10(5*2 for enter key)= 160 characters)

But while counting the "enter key" using length it will return only one.

Answer 2

It should count 1 for enter, if still its taking enter as length 2 please use following trick

$("#main_text").keyup(function(e){
var code = e.keyCode;

if (code == 13)
{

var code = e.keyCode;

var l = $("#main_text").val().length;

$(".charno").html(l-1)
}
$(".charno").html($("#main_text").val().length);
});