Mascara de moeda
Para fazer formulários de fácil compreenção é sempre recomendável colocar a formatação de como o campo vai ser preenchido, para isso eu sempre recomendei o Masked Input Plugin. Porém, este plugin (que vai ser comentádo no próximo post – masked input plugin | mascaras em campo | jquery plugin) não tem formatação do tipo moeda (R$ 1,00).
Sorte nossa que o Aurélio Saraiva fez um plugin para isso e o Raul Pereira da Silva fez algumas correções. Conheçam então o maskInputMoney maskInputMoney.
//maskMoney() faz a mascara normal do Dolar
$("#dolar").maskMoney()
//Faz a mascara de moeda do Brasil
//maskMoney({symbol:"R$",decimal:",",thousands:"."})
$("#real").maskMoney({symbol:"R$",decimal:",",thousands:"."})
//Monta no modelo euro
$("#euro").maskMoney({symbol:"Euro",decimal:",",thousands:" "})
//A precisão do decimal (,000) ;
$("#precision").maskMoney({decimal:",",thousands:" ",precision:3})
//Para remover a mascara
$("#dolar").unmaskMoney();
Link atualizado: Repositório no GitHub
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.
Ruan, tirei os ids, do label e mesmo assim não deu.
faltou o ready também.
$(document).ready(function(){ //seu codigo aqui });Agooora sim Ruan, obrigado e parabéns!
teria como eu deixar o “.” somente separando os centavos, exemplo 1.280,00 ficaria = 1280.00? pois preciso usar a classe no sistema do Pagamento Digital e lá só aceita o ponto separando os centavos. mais uma vez obrigado!
Consegui aqui já, é só pensar um poquinho né kk (thousands:”")
Boa tarde.
Muito bom o post.
Apliquei a máscara utilizando o maskMoney oferecido no jQuery, porem ele apresenta alguns problemas que percebi não existir aqui na sua aplicação, porém o link “maskInputMoney” está com erro, não acha a página.
Se você puder rever o link ou então me enviar por email o arquivo .js
Desde já obrigado.
O novo link esta no texto, https://github.com/plentz/jquery-maskmoney
Funcionando perfeitamente.
Obrigado!
Lindo
Valeu pelo post… o unmask fez meu dia mais feliz
Um abraço,
JP
Cara mto Bom, vlww!!!!
abs..
Não funciona no firefox 7???
Funciona perfeitamente: http://jsfiddle.net/ruanltbg/UMH6H/
Eu tive problemas no inicio achei que era Firefox. Mas era a versão do Jquery que tem de 1.6 > .
Maior que 1.6. Aproveitei atualizei pra 1.7 funcionou perfeitamente.
Seria possivel a mascara somente inserir valores nos reais? e os centavos sempre ficariam 0 [ZERO], para evitar valores quebrados, tipo R$ 25,50 se alguem tentar digitar este valores vai retornar R$ 2550,00
Com o plugin do jeito que esta, não da não. Mas você pode abrir um issue no git para ver se eles desenvolvem pra ti.
Excelente dica, parabéns
Aqui deu incompatibilidade com o plugin “Masked Input” (digitalbush.com).
Solucionei editando o MaskMoney, trocando os nomes das funções “mask” que contem nele.
Creio que estava substituindo a função “mask” do MakedInput.
Não sei se já esta implementado, mas aqui fala sobre isso: https://github.com/plentz/jquery-maskmoney/issues/26