Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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+
Carregando comentários...