Como delimitar quantidade de caracteres em textarea com javascript

Por Adriano AoliAtualizado em 10/09/2022 09:57

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.

@2006 - 2021 - Adriano AOli

Criação de Sites - Criação de Sistemas

Todos os direitos reservados