Aplicando mascara em inputs com jQuery

Ola amigos da Up. Estou entrando com mais uma vídeo aula. E nesta veremos como aplicar mascaras em campos inputs para assim validar datas, CPF, CNPJ, telefone, CEP, e qualquer tipo de dado que precise de formatação.

Você vai aprender de modo simples com uso da biblioteca jQuery como validar qualquer campo de um formulário com este plugin chamado Masked Input.

Espero que gostem, e fiquem a vontade para deixar seus comentários e duvidas. Grande abraço e até a próxima!

Link: Plugins e scripts

Bookmark e Compartilhe

  • Joao carlos Falou

    Em: 8 de março de 2010 as 23:51

    Fala robson na páz…. fico show o site agora a ultima video aula fica la na hora q vc entra no site show, viu coloca assim o link la… Ultima video aula postada…. sakas fika show…. abraços….

  • Reginaldo Santana Falou

    Em: 9 de março de 2010 as 6:35

    Grande Robson! Parabéns pela vídeo aula ficou de primeiríssima e de fácil entendimento…. Me ajudou muito… vlw

  • Edi Guerra Falou

    Em: 9 de março de 2010 as 10:42

    Cara, nessa validação, utlizando essa mascara, ta deixando uma falha com relação ao mes, permitindo que o usuário coloque mes como 13, 80, sendo que so vai até 12, comno posso resolver isso?

  • Reginaldo Santana Falou

    Em: 9 de março de 2010 as 15:42

    Xiiiiiiiiii relamente Robson depois que fiz uns testes aqui no meu nots também percebi esse erro. E agora?

  • Robson V. Leite Falou

    Em: 9 de março de 2010 as 16:30

    Olá pessoal. realmente a mascara vai válidar apenas o formato da data. para validar os valores vocês teram de criar 3 campos e validar um por um. e depois unir os valores para postar a data.

    criando um selec do dia, mes e ano é uma solução bem rapida.

    duas vas podem ajudar no assunto.
    Validação com spry: http://www.upinside.com.br/video-aulas/aula-14-formulario-de-contato-em-php-com-validacao-em-spry

    A validação do spry para data não deixa colocar valores loucos.

    ou para validar com selecs na aula abaixo mostra como unir os campos!

    http://www.upinside.com.br/video-aulas/exibindo-usuarios-cadastrados-e-aniversariantes

  • Mauro Galvão Falou

    Em: 12 de março de 2010 as 14:14

    Fala Robson, tudo beleza, cara ficou de primeira sua vídeo aula. Queria tirar uma dúvida, quando a pessoa digita um campo errado aparece o aviso de erro e os campos ficam vazios, se for um formulário muito grande a pessoa vai ter que digitar tudo de novo por causa de uma falta de atenção, mesmo com as máscaras e tudo mais (você conhece usuário né) dai eu queria saber como que eu faço para que os dados que estão certos permaneçam preenchidos após o erro para que o usuário não tenha que preencher tudo de novo, apenas o campo que está errado ficará vazio aguardando novo preenchimento.
    Espero que possa me ajudar, abraço.

  • Robson V. Leite Falou

    Em: 12 de março de 2010 as 15:28

    Olá Mauro, peço que envie sua suscitação para pedidos@upinside.com.br, e ele será colocado na fila de V.AS para desenvolvimento; temos 2 modos de fazer seu pedido mas precisamos que envie o e-mail! Obrigado e grande abraço!

  • Roney Falou

    Em: 13 de março de 2010 as 10:57

    Parabens pela video aula me ajudo muito
    so falta vcs vender uns dvds ou colocar colocar uns cursos para baixar ^^ ate a prosima

Leave a comment

Sobre o Autor

Robson V. Leite

23 Anos, Residente da cidade de Florianopolis SC. Trabalha com web desde 2006, sempre busca aprender novas tecnologias.

http://www.upinside.com.br/ contato@upinside.com.br

Dados do Artigo

8 mar 2010 as 21:03

1.021 Visitas

8 Comentários

RSS deste Artigo

OPNIÕES

  • Quais dos conteúdos abaixo te chamam mais atenção!

    View Results

    Loading ... Loading ...

Publicidade

Notícias