CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

JavaScript/jQuery - Limitar a quantidade de caracteres em um Textarea

Por Benedito Silva Júnior - publicado em 19/07/2016


Limitar a quantidade de caracteres digitados em um Textarea pode ser um recurso importante quando precisamos restringir a quantidade de informação a ser enviada do cliente ao servidor.

function limitaTextarea(valor) { //define a quantidade de caracteres permitida quantidade = 300; //verifica a quantidade de caracteres da string passada como parâmetro total = valor.length; //Se o tamanho da string for menor ou igual a quantidade definida como limite... if(total <= quantidade) { //calcula a diferença entre o limite de caracteres definido e o tamanho da string resto = quantidade - total; //Mostra os caracteres restantes document.getElementById('contador').innerHTML = resto; } else { //Impede a digitação de novos caracteres document.getElementById('texto').value = valor.substr(0, quantidade); } }

Formulário HTML:

<font color="#666666" size=1>faltam <span id="contador">300</span> caracteres.</font> <textarea name="duvidasSugestoes" rows="3" cols="47" onkeyup="limitaTextarea(this.value)" onKeyPress="this.value = Trim( this.value )" id="texto" /></textarea>


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo