Como delimitar quantidade de caracteres em textarea com javascript

Como delimitar quantidade de caracteres em textarea com javascript

Para delimitar a quantidade de caracteres digitados em um Textarea ou texbox multline, adicione no head do documento o seguinte script:

<script language="JavaScript" type="text/JavaScript"> function limitTextArea(mf, m) { if (mf.value.length > m) { mf.value = mf.value.substring(0, m); } else { document.getElementById('qtd').innerHTML = m - mf.value.length; } }
</script>
Crie um span com o ID = "qtd" dento do body; Colocamos o valor de 350 para delimitar em 350 a qtd de caracteres
<span id="qtd" class="qtd">350</span>
Agora, aplique no seu textarea ou input os ventos onkeydown e onkeyup conforme abaixo:
onKeyDown="limitTextArea(this, 350);" onKeyUp="limitTextArea(this, 350);"
Mude os valores de 350 para a quantidade que desejar. Ao contador chegar em ZERO não será mais possível digitar.



Veja Também