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

 785 Total Visualizações,  7 Visualizações Hoje

3 comentários

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.