[Resolvido] Contar caracteres em texarea

[Quelipe 15]

Código bem simples e fácil de entender para contar os caracteres de um textarea informando ao usuário o limite de dígitos permitido, a quantidade que ele ja digitou e a quantidade que ele ainda pode digitar.

 

<script>

	/*
	* Autor		:	Edimilson Quelipe
	* Data 		:	22/10/2010
	* Contato	:	quelipe_@hotmail.com
	* Site		:	www.quelipe.com.br
	*/
	
	
	
	// função conta, recebe como parametro o campo e o limite
	function conta(campo, limite) {
		//armazena na variável texto o conteúdo que está no campo
		texto   = document.getElementById(campo).value;
		// pega o tamanho da string que está sendo digitada e armazena na variável tamanho
		tamanho = document.getElementById(campo).value.length;
		// testa se o tamanho é maior que o limite para não permitir que o usuário adcione mais que o permitido
		if(tamanho > limite) {
			// retira os caracteres que passaram do limite permitido
			document.getElementById(campo).value = texto.substr(0, limite);
			// iguala os valores das variáveis para escrever na div
			tamanho = limite;
		}
		// conta a quantidade que ainda falta para ao usuário digitar
		restante = limite - tamanho;
		// escreve na div qtd, que mostrará as informações para o usuário
		document.getElementById('qtd').innerHTML = "Digitados: "+ tamanho + "<br>Máximo: "+ limite + "<br>Restam: " + restante;
	}
</script>

Usando a função:

 

<!-- Usando a função para efetuar as restrições -->
<textarea id="campo" cols="30" rows="6" onkeydown="conta('campo',20)" onkeypress="conta('campo',20)" onkeyup="conta('campo',20)" onfocus="conta('campo',20)"></textarea>

<!-- div que mostrará o resultado para o usuário -->
<div id="qtd"></div>

Para ver funcionando clique AQUI.

 

Espero que seja útil para alguém.

 

Atenciosamente,

Edimilson Quelipe

 

At+