Criando Mascaras em Formulários com JQuery

Criando Mascaras em Formulários com JQuery
Criando Mascaras em Formulários com JQuery

Inicialmente eu utilizava o seguinte código (http://www.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 jQueryEle 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>

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