Busca avançada Meus favoritos Como criar site grátis em PHP, HTML, CSS, JS ...
Postes RECENTES
Categorias
Ultimos posts
- background-image css
- tooltip jquery
- editor de imagens online
- 60 belas texturas
- belas texturas gratis
- Calcular frete em ASP
- variaveis php existe
- redirecionar site php
- remover espaços de string
- gerador de layout css
- máscara javascript
- estrutura condicional
- teclado virtual
- crie imagem loading
- personalizar curso mouse
máscara javascript para formatar campos de formulário
Para quem desenvolve sites é chato ter que corrigir o formato de um telefone, de um endereço, CEP, CPF, CNPJ ou qualquer outro campo que tenha em seus formulários simplesmente porque o usuário não digitou da forma correta.
Não é só isso também, todos estamos acostumados a digitar o CEP, por exemplo, com o formato 99999-999, mas se nosso site necessita do CEP só com números o jeito então é formatar os campos de formulários de nossos sites com uma mascaras em javascript.
O script é esse aqui<script>
function mascara(src, mask){
var i = src.value.length;
var saida = mask.substring(0,1);
var texto = mask.substring(i)
if (texto.substring(0,1) != saida)
{
src.value += texto.substring(0,1);
}
}
</script>
Para formatar seus campos faça assim: <input type="text" name="cep" onkeypress="mascara(this, '#####-###')" />
no exemplo acima estamos usando nosso script para formatar um CEP, se quizessemos formatar um CPF faríamos assim: onkeypress="(this, '###.###.###-##')", ou seja, basta usar o evento onkeypress no campo que desejamos formatar para chamar a função mascara e passarmos, no segundo parâmetro da função, o formado desejado.
Esta função foi testada e funciona corretamente nos navegadores IE6+, Firefox 3, Opera e no Chrome.
Esta função não foi feita por mim, não lembro o site ou forum do qual peguei, se alguém souber por favor informe nos comentários para que seja dado os devidos créditos.
Espero que tenham gostado, até a próxima.
MATERIAS RELACIONADAS
- crie imagem loading, carregando, para seu site
- gerador de Menu css horizontal, vertical e drop down
- Como validar e-mail com php sem usar expressão regular
- Editor html em javascript super leve
Comentários
Por: pescador - em: 22/07/2009 - as: 09:06:26Obrigado pelo script ele funciona, estou fazendo e testando pena não ter um script para Data.
Obrigado!!!!
Por: Mestre Raider - em: 27/09/2009 - as: 11:35:53Funciona também para telefone:
Com DDD - (##)####-####
basta apenas mudar:
==> var saida = mask.substring(0,1);
para:
==> var saida = mask.substring(1,2);
e pronto.
Por: Leandro de Oliveira Alves - em: 15/10/2009 - as: 09:40:07como colocar o espaço no telefone ex:
(21) 2665-6666
Por: gustavo amaro - em: 18/11/2009 - as: 08:59:20ae leandro é só colocar assim:
só add um espaço...
Por: Claudio - em: 18/12/2009 - as: 03:39:17Eu consigo fazer várias formatações, mas eu queria formatar um campo pelo envento "onchange", "onfocus" por exemplo, pois eu calculo o valor e seto no campo, dai não consigo que esse campo fique formatado.
Obrigado!!
DEIXE SEU COMENTÁRIO