Pedro Caires | Web Development
6mai/100

Contar e limitar caracteres em textarea

Como é uma dúvida de muitos, posto aqui hoje um simples código de como limitar um textarea.
Para aqueles que são mais avançados, sugiro que use o plugin do jQuery, o jQuery Limit plugin.

Vamos ao que interessa...

Passo 1

Adicione esse código entre a tag "head" do seu site.
Esse é o nosso script, se não tem muita noção do que está ali embaixo, melhor modificar apenas o total de caracteres, hehe

function limitaTextarea(valor) {
	quantidade = 250;
	total = valor.length;
 
	if(total <= quantidade) {
		resto = quantidade- total;
		document.getElementById('contador').innerHTML = resto;
	} else {
		document.getElementById('texto').value = valor.substr(0, quantidade);
	}
}

Passo 2

Aqui, entre as tags "SPAN" à o total de caracteres novamente..

<textarea onkeyup="limitaTextarea(this.value)" id="texto"></textarea>
<br />
Campo (caracteres restantes: <span id="contador">250</span>)

É, acho que é só isso! hehe
Coloquei aqui este e outro exemplo de um limitador de textarea.
Façam bom aproveito. Até mais. ;)

Comentários (0) Trackbacks (0)

Sem comentários


Deixar um comentário


Sem trackbacks