Criando Mascaras em Formulários com JQuery

Criando Mascaras em Formulários com JQuery

Inicialmente eu utilizava o seguinte código (http://fabiobmed.com.br/excelente-codigo-para-mascara-e-validacao-de-cnpj-cpf-cep-data-e-telefone/) para criar máscaras para os campos cep, cpf, telefone, cnpj, entre outros, até que um dia descobri um código fantástico que me permite criar máscaras de forma muito mais fácil e prática, com a super vantagem de ser cross browser (funciona em todos os browsers).

O Código é “Masked Input Plugin“.

O Masked Input Plugin é um plugin de entrada mascarado em jQuery. Ele permite que um usuário crie de forma fácil formatos definidos para os campos datas, números de telefone, etc. Ele foi testado no Internet Explorer, Firefox, Safari e Chrome.

Para usar o plugin é muito fácil, primeiro você chama os arquivos:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput-1.3.js" type="text/javascript"></script>

• Baixar jquery.maskedinput.js
• Baixar JQuery

Em seguida você cria sua máscara:

<script>
jQuery(function($){
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});
</script>

Note que você pode criar sua própria mascara, por exemplo, o campo:

$("#tin").mask("99-9999999");

Você pode alterar para:

$("#cep").mask("99999-999");

Visite o site do Plugin

Fabio Bmed

Olá! Sou Fabio, criador do blog FabioBmed, um espaço onde compartilho minha paixão por marketing digital, tecnologia, empreendedorismo e, claro, os aprendizados do meu dia a dia. Aqui você encontrará um mix de conteúdos profissionais e pessoais, sempre com insights práticos, dicas úteis e histórias reais.

Com mais de 15 anos de experiência no mercado digital e fundador da FBDigital, minha missão é inspirar e ajudar pessoas e empresas a construírem uma base sólida no universo online. Seja por meio de estratégias de marketing, ferramentas tecnológicas ou reflexões sobre o cotidiano, meu objetivo é transformar desafios em oportunidades.

VEJA TAMBÉM  Como criar URL Link no Flash ActionScript 3.0

Além dos conteúdos voltados para negócios e tecnologia, também compartilho momentos do meu dia a dia, ideias que aprendo pelo caminho e até curiosidades que podem fazer a diferença na sua vida. Aqui, cada post reflete minha busca por conhecimento e minha vontade de conectar pessoas e histórias.

Conecte-se comigo e acompanhe tudo sobre marketing, tendências digitais, aprendizados pessoais e muito mais. Juntos, vamos explorar o melhor do mundo digital e da vida cotidiana!

www.fabiobmed.com.br