So zeigen die Zahl im Eingabefeld für die Währung-format in der bootstrap-addon?

Arbeite ich an kleinen web-Formular, wo ich brauche, um die display-Nummer in das Textfeld ein, als format Währung in der bootstrap-addon angehängt.

Ich bin in der Lage zu erreichen, für ein einzelnes Feld mit jQuery-Selektoren (ich bin neu in der Javascript-Welt), wollte ich das gleiche tun für um 10 Felder.

Ich denke, es muss sein eine elegante Lösung, anstatt zu schreiben das gleiche für jedes Feld.

Bitte helfen Sie mir.

Mein HTML-Code:

<div class="control-group">
    <label class="control-label">Loan Amount 1</label>
    <div class="controls">
        <div class="input-append">
            <input class="span2" id="loanAmount1" type="text">
            <span class="add-on" id="loanAmount1Cur">$</span>
        </div>
    </div>
</div>
<div class="control-group">
    <label class="control-label">Loan Amount 2</label>
    <div class="controls">
        <div class="input-append">
            <input class="span2" name="loanAmount2" type="text">
            <span class="add-on" name="LoanAmount2Cur">$</span>
        </div>
    </div>
</div>

Mein JS-Code:

$(document).ready(function () {
        $("#loanAmount1").on("keyup", null, function () {
            var input = $("#loanAmount1").val();
            var num = parseFloat(input).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " $";
            $("#loanAmount1Cur").html(num);
        });
    });

Mein JSFiddle: http://jsfiddle.net/kiranm516/me52djL8/24/

Kopierte ich den oben stehenden code aus (Dank Ihnen): Fügen Sie das Komma zu zahlen alle drei Ziffern

Schreibe einen Kommentar