Criando Mascaras em Formulários com JQuery

Programação

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.

Loading


Publicação Criada em: dezembro 22, 2012
Atualizado em: março 18, 2025 8:21 pm

Posts relacionados

3 comentários em “Criando Mascaras em Formulários com JQuery”

Deixe um comentário

Índice

→ Índice