Criando Mascaras em Formulários com JQuery

Criando Mascaras em Formulários com JQuery

Inicialmente, eu utilizava o seguinte código (link de referência) para criar máscaras para os campos como CPF, CNPJ, telefone, entre outros. Mas, ao descobrir um código mais eficiente, pude melhorar a implementação com uma ferramenta muito mais prática e cross-browser.

O código fantástico é o Masked Input Plugin, um plugin de entrada mascarada em jQuery, testado e funcional em navegadores como Internet Explorer, Firefox, Safari e Chrome.

Usando o plugin:

Primeiro, adicione os arquivos:

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

Em seguida, crie as máscaras:

$("#date").mask("99/99/9999");
$("#phone").mask("(999) 999-9999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");

Exemplo de máscara para o campo TIN:

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

Alterando a máscara:

Para um campo CEP:

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

Visite o site do Plugin para mais informações.

Fabio Bmed

Olá! Sou Fábio, fundador da Metapax — especializada em marketing e soluções digitais para clínicas e profissionais de psicologia — e criador do blog FabioBmed.

Desde 2006 trabalho com tecnologia e marketing digital. Mas os sistemas que mais me fascinam hoje são os que carregamos dentro da cabeça.

Estou entrando na psicologia, com foco em neuropsicologia — a ciência que explica por que você pensa, decide e se comporta do jeito que faz. Essa transição não é um desvio de rota: é a evolução natural de quem passou anos entendendo como sistemas funcionam — e percebeu que o mais complexo de todos ainda estava por ser mapeado.

Aqui, tudo — marketing, tecnologia, comportamento, decisões — é lido pelo mesmo prisma: a psicologia e a ciência por trás de como a mente humana realmente funciona.

www.fabiobmed.com.br