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");
});
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");
});
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
Bacharel em Sistemas de Informação pela Unibrasil, trabalha com web desde 2004, atualmente trabalha na No Zebra Network como desenvolvedor Ruby. Também é Administrador do grupo de jQuery Brasil, e colaborador/idealista do site jQueryBrasil.
[...] In: JQuery plugins 24 Aug 2009 Masked Input Plugin é um plugin do jquery muito legal, ele faz mascara em campos input text do html. Uma questão de usabilidade e boniteza Go to Source [...]
[...] Continued here: Masked Input Plugin | mascaras em campo | jQuery Plugin | Ruan Carlos [...]
Putss esse plugin ajuda pacas. porém ele tem uns problemas no unset mask um amigo, Osvaldo, deu a letra nesse post: http://www.seo.blog.br/seo/javascript-nao-obstrutivo-com-jquery.html
Abraço Ruan
Este plugin já vem com o unmask de fábrica rsrs. Mas vale para outros plugins o que o Osvaldo disse. Tive uns problemas com ele, mas o $(“elemento”).unmask() resolveu tudo.
Você sabe se daria para usar esse componente com dinheiro? Exemplo: R$ ____,__
Abraços
Neste caso vc precisaria usar esse plugin. http://ruancarlos.com.br/Blog/maskinputmoney-mascara-de-moedas-jquery-plugin/
Ruan tem como eu usar esse plugin para formatar asp:textbox, pois todos os exemplos que ví são com input
Esse asp:textbox é .net né?
Então, no fim das contas quando o compilador compilar seu código isso vai se transformar em um assim você vai ter um id e um .class para ele (se você colocar), ai é só usar isso normal.
Olá,
Tenho um bug na utilizacao deste plugin com RichFaces.
Ao submeter meu formulário e armazenar um atributo na request ocorre um erro: A request é limpada.
Portanto, não consigo utilizar o plugin quando há mensagens de validação na minha tela.
=(
Não entendo de RichFaces, mas tenta jogar o seu código JS para o fim do seu arquivo. (ao invés de estar no < head > coloca antes do .
adorei o post. É muito legal esta funcionalidade do jquery para dar mais usabilidade e informacoes corretas nos formularios para os usuario. Parabens pelo post.
Vcs já pensaram em ter esse plugin de máscara de campo combinada com um auto tab? Isso para assim que o usuário preenchesse todo o campo já pularia para o próximo!
Alguma opção para mascarar campod horas ? ex. 12:35
tentei por no maskedinpout (99:99) mas nao funcionou
testou (“99:99″)?
opa, eu tinha testado $(“#time”).mask(“99:99″);
mas nao sei pq carga dagua todas minhas mask eu tinha posto document.getElementById(‘time’).mask(“99:99″);
logo abaixo, os de data funcionavam assim, mas tirei de tudo, ai o de horas funcionou blz
obrigado pela atenção ae