Formata Dinheiro //Repositório JavaScript

Descrição

Transforma um input em um campo monetário, permitindo apenas a digitação de números e também formata o campo.
Criado: 2005.10.02 - Modificado 2013.09.17

Dependências

General » Manipulador de Eventos

Código (Download)

//+ Carlos R. L. Rodrigues
//@ http://jsfromhell.com/forms/format-currency [rev. #4]

function formatCurrency(o, n, dig, dec){
    new function(c, dig, dec, m){
        addEvent(o, "keypress", function(e, _){
            if((_ = e.key == 45) || e.key > 47 && e.key < 58){
                var o = this, d = 0, n, s, h = o.value.charAt(0) == "-" ? "-" : "",
                    l = (s = (o.value.replace(/^(-?)0+/g, "$1") + String.fromCharCode(e.key)).replace(/\D/g, "")).length;
                m + 1 && (o.maxLength = m + (d = o.value.length - l + 1));
                if(m + 1 && l >= m && !_) return false;
                l <= (n = c) && (s = new Array(n - l + 2).join("0") + s);
                for(var i = (l = (s = s.split("")).length) - n; (i -= 3) > 0; s[i - 1] += dig);
                n && n < l && (s[l - ++n] += dec);
                _ ? h ? m + 1 && (o.maxLength = m + d) : s[0] = "-" + s[0] : s[0] = h + s[0];
                o.value = s.join("");
            }
            e.key > 30 && e.preventDefault();
        });
    }(!isNaN(n) ? Math.abs(n) : 2, typeof dig != "string" ? "." : dig, typeof dec != "string" ? "," : dec, o.maxLength);
}

Exemplo (Exemplo)

<form name="form" method="post" action="#">
    <fieldset>
    <legend>FormatCurrency</legend>
    <label>2 casas</label>    
    <input type="text" name="a" />
    <label>3 casas</label>    
    <input type="text" name="b" />
    <label>6 casas</label>    
    <input type="text" name="c" />
    </fieldset>
</form>

<script type="text/javascript">
//<![CDATA[
    formatCurrency(document.forms.form.a, 2);
    formatCurrency(document.forms.form.b, 3, " ", "-");
    formatCurrency(document.forms.form.c, 6);
//]]>
</script>

Ajuda

formatCurrency(field: HTMLInput, [floatPoint: Integer = 2], [decimalSep: String = ","], [thousandsSep: String = "."]): String

Formata o input de forma que ele assuma o comportamento de um campo monetário.

field: campo que receberá a formatação
floatPoint: número de casas decimais
decimalSep: string representando o separador decimal
thousandsSep: string representando o separador de milhar