Como controlar a digitação em um componente textarea utilizando JavaScript.

Muitas das vezes precisamos limitar a digitação de caracteres em um componente HTML, está função em JavaScript irá fazer o serviço para você, veja abaixo:





1) Defina a função entre as tags head de sua página:


<script language=JavaScript> function fLenString(pTEXTO, pCONTADOR, LIMITE) { if (pTEXTO.value.length > LIMITE) pTEXTO.value = pTEXTO.value.substring(0, LIMITE); else pCONTADOR.value = LIMITE- pTEXTO.value.length; } </script>

2) No componente textarea faça a chamada a função:


<textarea name="observacao_tecnica" cols="50" rows="4" id="observacao_tecnica" onKeyDown="JavaScript:fLenString(observacao_tecnica,pCONTADOR,1000);">
3)  Você irá precisar de um campo tipo input para receber quantos caracteres ainda podem ser digitados:


<input name="pCONTADOR" type="text" id="pCONTADOR" value="1000" size="10">