Clube da Programação e Hardware
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Clube da Programação e Hardware

Tutorial, dicas, Programação, Hardware entre outros assuntos.
 
InícioInício  Últimas imagensÚltimas imagens  ProcurarProcurar  RegistarRegistar  Entrar  

 

 Limitar e Contar Caracteres em Textarea

Ir para baixo 
AutorMensagem
Moderador
Admin



Mensagens : 44
Data de inscrição : 18/01/2011

Limitar e Contar Caracteres em Textarea Empty
MensagemAssunto: Limitar e Contar Caracteres em Textarea   Limitar e Contar Caracteres em Textarea EmptySáb Jan 22, 2011 6:25 am

Este exemplo de javascript é muito útil ao uso de um textarea na pagina de seu site, principalmente quando o texarea é para envio de uma mensagem, neste exemplo além de limitar a quantidade de caracteres a ser digitada mostra também um contador que exibe os caracteres já digitados.

CODIGO:

<label>Mensagem:<br>
<textarea onKeyUp="javascript:contador();" name="mensagem" cols="30" rows="10"></textarea>
</label>
<p>Máximo 10 caracteres.</p>
<p>Contador: <label>
<input name="contador" type="text" value="0" size="6" >
</label> </p>

<script>
function contador(){
var vlr_msg = document.getElementById("mensagem");
var vlr_cont = document.getElementById("contador");
vlr_cont.value = vlr_msg.value.length;
var limite = 10; if (vlr_msg.value.length >= limite) {
vlr_msg.value = vlr_msg.value.substring(0, limite-1);
}
}
</script>


Este codigo de exemplo dispensa explicações, copie o codigo e cole em seu editor preferido e veja o resultado, assim será mais facil de enteder o funcionamento e a logica deste script.
Ir para o topo Ir para baixo
https://netdicas.forumeiros.com
 
Limitar e Contar Caracteres em Textarea
Ir para o topo 
Página 1 de 1

Permissões neste sub-fórumNão podes responder a tópicos
Clube da Programação e Hardware :: Programação-
Ir para: