Limitar texto em um textarea
Publicado em: 22/07/2008 | JavaScript | Visualizações: 889 | 2 Comentário(s)
Olá caro internauta, blogger ou webmaster. Este artigo mostra ensina como vocês podem bloquear o número de caracteres em um campo de texto. Vocês podem delimitar um número de caracteres para ser preenchido no campo e nada mais além do que é permitido.
Código:
A única necessidade neste campo é que tenha estes dois parâmetros:
Código em perfeito funcionamento nos Browsers: IE6+, Firefox 2+, Safari 3.1 - Win.
Qualquer dúvida comentem abaixo
Código:
<script type="text/javascript">
function blocTexto(valor)
{
quant = 1000;
total = valor.length;
if(total <= quant)
{
resto = quant - total;
document.getElementById('cont').innerHTML = resto;
}
else
{
document.getElementById('texto').value = valor.substr(0,quant);
}
}
</script>
Campo (caracteres restantes: <span id="cont">1000</span>)<br>
<textarea onkeyup="blocTexto(this.value)" id="texto" name="texto" cols="30" rows="5" tabindex="2" ></textarea>A função blocTexto():
- A variável quant delimita o número máximo de caracteres a ser preenchido
- Total recebe o número de caracteres já digitado no campo.
- Faz verificação se o total é menor ou igual a quantidade, para ver se ainda pode ser preenchido.
- Resto recebe a subtração de quant menos o total para exibir quantos caracteres ainda podem ser preenchidos.
- Depois escreve no <span id="cont"></span> o número de caracteres restantes.
- E caso a quantidade seja maior, ele vai bloquear a digitação, ao soltar a tecla o script vai pegar todos os caracteres que forem menores do que a quantidade.
O campo textarea:
A única necessidade neste campo é que tenha estes dois parâmetros:
- onkeyup="blocTexto(this.value)" -- chama a função quando soltar uma tecla.
- id="texto" -- id do campo - para identificação
Código em perfeito funcionamento nos Browsers: IE6+, Firefox 2+, Safari 3.1 - Win.
Qualquer dúvida comentem abaixo
Dica:
Confira todo nosso conteúdo de
Links patrocinados 
Últimos artigos do editor
Destaques
Como assinar um RSS
Aprenda a assinar um blog/site utilizando o agregador de notícias em formato RSS
Peixe Grande 2008
O Oficina da Net está este ano participando do Projeto Peixe Grande 2008 na categoria de Blog. Ajude-nos vote!
iPhone 3G no Brasil
O smartphone da Apple chegou ao Brasil com a tecnologia de terceira geração de telefonia.
Links patrocinados
Autor
Tags
Artigos Relacionados
Sistema de Login com Jquery Reflexo em imagem com javascript Criando Rollovers com JavaScript Mascará para campo horaNovos Artigos
Curso de Corel Draw X3: Aula 6 -. Curso de C#: Lição 20: Generic C. O que é svchost.exe? Adicionando ações nos botões de .Notícias Relacionados
Assine nosso RSS
- Apostilas |
- Cadastro |
- Divulgue-nos |
- Fale Conosco |
- Layouts |
- Links |
- Mapa do site |
- Notícias |
- PageRank Checker |
- RSS |
- Vídeos
© 2005 - 2008 - Oficina da Net - v 3.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.
Links patrocinados:
Bahia em Foco
| Blog do Vicente
| Camera Digital
| Chongas
| ClicRN
| Código Fonte
| Coletânea de ícones
| Comunicação Digital
| Concursos
| Criação de sites
| CriarWeb
| Downloads
| Fontes Grátis
| GMasters
| Hospedagem
| Hospedagem de sites
| Infonet News
| iParaiba
| JLAMIM
| MX masters
| Notebook
| Portal Super
| Profissionais de Web
| Qualidade Brasil
| Renan Lima
| Significado dos Sonhos
| tutoriais.org
| WebLivre
| Zoom Digital
Muito bom este tuto. Parabéns!
Publicado em: 16/08/2008 - 12:15
Muito útil o post. Abraços
Publicado em: 22/07/2008 - 11:55