Em um dos posts anteriores eu comentei sobre o Masked Input. Um plugin para a criação de máscaras nos formulários. Mas o Masked Input não trabalha muito bem quando o assunto é mascarar moedas. Já o MaskMoney faz muito bem esse trabalho.
O MaskMoney é um plugin para JQuery, específico para criar máscaras com formato de dinheiro/monetário.
Começando
Primeiro faça o download do MaskMoney no site
http://github.com/plentz/jquery-maskmoney
O próximo passo é adicionar os arquivos do JQuery e do MaskMoney ao seu documento HTML.
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskMoney.js" type="text/javascript"></script>Configuração
Depois de adicionado os arquivos JS, agora você precisa configurar as máscaras para o seu formulário:
$(document).ready(function(){
// Configuração padrão.
$("#currency").maskMoney();
// Configuração para campos de Real.
$("#real").maskMoney({showSymbol:true, symbol:"R$", decimal:",", thousands:"."});
// Configuração para mudar a precisão da máscara. Neste caso a máscara irá aceitar 3 dígitos após a virgula.
$("#precision").maskMoney({precision:3})
});Pra facilitar, estou postando também os valores da configuração padrão do MaskMoney. São eles:
{
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
}Além do post, eu montei um exemplo sobre esse assunto. Clique aqui para conferir.
Até a próxima o/
