Problem with count characters in textarea array

rashid100

Hi,

 I am getting problem to count characters in textarea box. I create the array in form and tried to count the character

in a textarea box. but its not work.

Can anybody help me. Thanks

HTML CODE IS:

<html>
<head>
<script type="text/javascript">

function checkChar()
{
  var k=document.getElementById("address");

if (k.value.length > 200) 
    k.value = k.value.substring(0, 200);

}

</script>

</head>
<body>

<form name="main">

 <textarea name="address[]" class="address[]" id="address[]" onkeydown="checkCar();" onkeyup="checkCar();" ></textarea>

 <textarea name="address[]" class="address[]" id="address[]" onkeydown="checkCar();" onkeyup="checkCar();" ></textarea>

 <textarea name="address[]" class="address[]" id="address[]" onkeydown="checkCar();" onkeyup="checkCar();" ></textarea>

 <textarea name="address[]" class="address[]" id="address[]" onkeydown="checkCar();" onkeyup="checkCar();" ></textarea>

 <textarea name="address[]" class="address[]" id="address[]" onkeydown="checkCar();" onkeyup="checkCar();" ></textarea>


 <input type="submit" name="submit" value=" Submit " />

</form>


</body>
</html>

bradgrafelman

Two problems:

There is no HTML entity in the code you posted with an id of "address".
The id attribute must be unique for all objects in an HTML document. All of your textarea's share the same id value.

I would get rid of the id attribute altogether, since you don't need it here. Instead, you can pass a reference to the textarea object by using the keyword 'this', e.g.:

<textarea name="address[]" class="address[]" onkeydown="checkCar(this);" onkeyup="checkCar();" ></textarea>

Then, in your checkCar() function, you'd use the object passed as a parameter rather than searching for the object reference via document.getElementById().

Also, this is unrelated to your problem, but you also have invalid class names (the square brackets aren't allowed).

EDIT2: It looks like I may have been slightly incorrect in my ending statement; square brackets can be used if they are properly escaped.

Weedpacket

Two additional points - one significant, the other not so much.

The function is defined as "checkChar", but the handlers are bound to "checkCar".
I don't think it should be necessary to check on both keydown and keyup: onkeyup alone should be sufficient.