Contagem de caracteres [Javascript]

Contagem de caracteres

Publicado por Andre Cardoso (última atualização em 07/12/2012)

[ Hits: 7.204 ]

Homepage: http://www.andrebian.com

Download contagem-caracteres.html

0 0

Denuncie Favoritos Indicar

Este script é um básico passo para que você possa informar ao visitante de seu site quantos caracteres restam a serem digitados.

Esconder código-fonte

<html><head><title>contagem de carateres - Andrebian</title>

<!-- DETALHE: PARA FUNCIONAR O JQUERY DEVE ESTAR PRESENTE EM SEU SITE, CASO AINDA NÃO O POSSUA BASTA REALIZAR DOWNLOAD AQUI
http://jquery.com/download/
 para testar vamos supor que vc já baixou o jquery e o colocou em um arquivo chamado "jquery.js" e voilà
-->
<script src="jquery.js"></script>
<script type="text/javascript">
//-------------------------------------------------------------
$(document).ready(function(){
   $("#mensagem").keyup(function(){
      limite = parseInt(1000);
      atual = $(this).val().length;
      restantes = limite - atual;
      resultado = restantes;
      if( atual >= 980 ) {
         resultado = "<font color='red'>"+restantes+"</font>";
      }
      $("#restantes").html(resultado);
   });
});
//----------------------------------------------------------------

// note que não é necessário criar nenhuma função, basta pegar por id (o que eu acho muito prático e rápido)

</script>
</head>

<body>
<h2>Exemplo de contagem de caracteres restantes por andrebian < http://www.vivaolinux.com.br/~andrebian ></h2>
<br />
<br />
<h4>Digite algo na caixa de texto abaixo e divirta-se!</h4>
<textarea class="textarea_contato" name="mensagem" id="mensagem" maxlength="1000" cols="50" rows="5">

Scripts recomendados

Autofoco no primeiro campo de um formulário

Validação de campos de formulário

Formulário com multiplos action

Validação de formulário

Evento OnKeyPress - Usando o Enter

Comentários

Nenhum comentário foi encontrado.