AjaxianosMáscara para campos de texto – jQuery
Este plugin jQuery faz um trabalho muito bem feito e não ganha nada pra isso 
Você só precisa fazer o include da lib jQuery e do plugin
E depois chamar a função com a configuração da máscara
jQuery(function($){
$("#date").mask("99/99/9999");
$("#phone").mask("(999) 999-9999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");
});
Você ainda pode dizer o que vai ficar no lugar do carácter, até que este espaço possa ser preenchido pelo usuário, exemplo “__/__/____” neste caso o placeholder é um “underline”
jQuery(function($){
$("#product").mask("99/99/9999",{placeholder:"_"});
});
Ou você pode deixar com um espaço em branco.
Os parâmetros que o plugin aceita para a máscara são:
- a – Representa um carácter alpha numérico (A-Z,a-z)
- 9 – Representa um carácter numérico (0-9)
- * – Representa um carácter alpha numeric character (A-Z,a-z,0-9)
Você também pode obrigar alguns carácteres como no exemplo abaixo
jQuery(function($){
$.mask.definitions['~']='[+-]';
$("#eyescript").mask("~9.99 ~9.99 999");
});
Neste caso ele esta dizendo que o “~” deve aceitar somente sinal de “+”(mais) ou “-”(menos)
Você pode encontrar mais exemplos práticos e fazer o download na página dos caras
http://digitalbush.com/projects/masked-input-plugin/
Parabéns pelo post, já usava esse plugin é altamente recomendado, porem não serve para Valores Monetários, pois o preenchimento é da esquerda para direita meio que obrigando a digitação de todos os caracteres.
Gostaria de saber, se tem como fazer ele começar da direita pra esquerda e não o padrão dele da Esquerda pra direita!!
pois confunde um pouco o usuário que vá digitar valores monetários, como o mano Osmari comentou anteriormente!!! tipo!!!
eu coloco a mascara para ser 0000.00
se o usuário for colocar 350.00, ele tem que digitar assim: 0350.00 é um pouco confuso!!
Agradeço!
Não da não
Não existe nenhuma mascara que me ajude neste contexto?!?!?!
TIpo! POde ser javascript normal mesmo!!!
Saberia me dizer se tem como criar uma mascara pra IP.
Por exemplo: $(“#ip”).mask(“999.999.999.999″);
Mas como no exemplo não funcionaria porque o IP pode ser 9.9.999.999 ou 99.99.9.999, saberia alguma solução para isso??
hum… acho que desse jeito não dá, seria mais facil você separar em inputs diferentes mesmo
Valew!!! me ajudou muito!!!!
Olá.
Para os campos monetários, procurem o:
jquery.price_format.1.3.js
Valeu.
Maneira a dica… já estou usando!
CAra, show de bola, muito obrigado!
Esse plugin é excelenet amigo! òtimo post!!
Rodolfo Nogueira
Curitiba Paraná
UFPR Música