Criando Máscaras para moedas com JQuery

Publicado por MapexMind em: janeiro 31, 2013

Esse plugin foi desenvolvido baseado no original “Masked Input Plugin“. Com esse plugin fica super fácil criar máscaras para moedas.

Como utilizar:

Primeiramente você precisa chamar os arquivos jquery.min.js e jquery.maskMoney.js

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.maskMoney.js" type="text/javascript"></script>

Depois você insere o código que formata os campos

<script type="text/javascript">
    $(function(){
        $("#valor").maskMoney();
    })
</script>

Vale lembrar que o #valor deve corresponder ao id do campo, ex:

<input type="text" id="valor" />

Para formatação em R$, utilize o seguinte script

<script type="text/javascript">
$(function(){
  $("#demo4").maskMoney({symbol:'R$ ', 
showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
 })
</script>

Visite o site do Plugin MaskMoney

Veja alguns exemplos de máscaras

Veja também alguns valores da configuração padrão do maskMoney

{
symbol:'US$', // Simbolo
decimal:'.', // Separador do decimal
precision:2, // Precisão
thousands:',', // Separador para os milhares
allowZero:false, // Permite que o digito 0 seja o primeiro caractere
showSymbol:false // Exibe/Oculta o símbolo
}

Loading