Masked Input Plugin | mascaras em campo | jQuery Plugin

Como falei no post passado ( Maskinputmoney | mascara de moedas | jQuery plugin ), eu gosto de usar o Masked Input Plugin para gerar as mascaras dos meus formulários, além de deixar eles bonitos têm uma questão de usabilidade também.

Na versão atual, ele está bem legal, até hoje eu não encontrei nenhum bug astronômico.

Segue um trecho de código.

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

Ele já vem com algumas pré definições

• a – Representa caracteres alfa (letras) (A-Z,a-z)
• 9 – Representa caracteres numéricos (números) (0-9)
• * – Representa caracteres alfanuméricos (letras e números) (A-Z,a-z,0-9)

Mais você pode fazer a sua, por exemplo você deseja que a pessoa coloque apenas o caracter de adição ( + ) ou de subtração ( – ), basta:

jQuery(function($){
    // aonde tiver o ~ (tiuuuu) só vai poder ser digitado o + ou -
   $.mask.definitions['~']='[+-]';
   $("#eyescript").mask("~9.99 ~9.99 999");
});

Exemplos

Data
99/99/9999
Telefone
(999)9999-9999
Personalizado
~9.99 ~9.99 999

Para quem quiser fazer mascara de moeda pode ver este post aqui: maskInputMoney | Mascara de moedas | jQuery Plugin

Site