Bagaimana cara memformat mata uang dengan benar menggunakan jquery?

PLUGIN MATA UANG FORMAT JQUERY
http://code.google.com/p/jquery-formatcurrency/

Pilihan lain (Jika Anda menggunakan tampilan pisau cukur ASP.Net) adalah, Menurut pandangan Anda, Anda dapat melakukannya

<div>@String.Format("{0:C}", Model.total)</div>

Ini akan memformatnya dengan benar. catatan (item.total ganda/desimal)

jika di jQuery Anda juga bisa menggunakan Regex

$(".totalSum").text('$' + parseFloat(total, 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());

Memperluas jawaban Melu, Anda dapat melakukan ini untuk memfungsikan kode dan menangani jumlah negatif.

Contoh Keluaran:
$5,23
-$5,23

function formatCurrency(total) {
    var neg = false;
    if(total < 0) {
        neg = true;
        total = Math.abs(total);
    }
    return (neg ? "-$" : '$') + parseFloat(total, 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString();
}

Sebagai akibat wajar mengapa plugin jQuery FormatCurrency adalah jawaban yang bagus, saya ingin membantah komentar Anda:

1. code.google.com/p/jquery-formatcurrency - Tidak memfilter semua huruf. Anda dapat mengetik satu huruf dan itu tidak akan menghapusnya.

Ya, formatCurrency() dengan sendirinya tidak memfilter huruf:

// only formats currency
$(selector).formatCurrency();

Namun toNumber(), yang disertakan dalam plugin formatCurrency, dapat melakukannya.

Oleh karena itu, Anda ingin melakukan:

// removes invalid characters, then formats currency
$(selector).toNumber().formatCurrency();

Gunakan jquery.inputmask 3.x. Lihat demo di sini

Sertakan file:

<script src="/assets/jquery.inputmask.js" type="text/javascript"></script>
<script src="/assets/jquery.inputmask.extensions.js" type="text/javascript"></script>
<script src="/assets/jquery.inputmask.numeric.extensions.js" type="text/javascript"></script>

Dan kode sebagai

$(selector).inputmask('decimal',
  { 'alias': 'numeric',
    'groupSeparator': '.',
    'autoGroup': true,
    'digits': 2,
    'radixPoint': ",",
    'digitsOptional': false,
    'allowMinus': false,
    'prefix': '$ ',
    'placeholder': '0'
  }
);

Highlight:

• mudah digunakan
• bagian opsional ada di dalam topeng
• kemungkinan untuk mendefinisikan alias yang menyembunyikan kompleksitas
• masker tanggal / waktu
• topeng numerik
• banyak panggilan balik
• topeng yang tidak serakah
• banyak fitur dapat diaktifkan/dinonaktifkan/dikonfigurasi berdasarkan opsi
• mendukung atribut readonly/disabled/dir='rtl'
• mendukung atribut data-inputmask
• dukungan multi-masker
• dukungan masker regex
• dukungan topeng dinamis
• dukungan masker pra-pemrosesan
• pemformatan/validasi nilai tanpa elemen input

Saya dulu menggunakan plugin mata uang format jquery, tetapi akhir-akhir ini sangat bermasalah. Saya hanya perlu memformat untuk USD/CAD, jadi saya menulis pemformatan otomatis saya sendiri.

$(".currencyMask").change(function () {
            if (!$.isNumeric($(this).val()))
                $(this).val('0').trigger('change');

            $(this).val(parseFloat($(this).val(), 10).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,").toString());
        });

Cukup atur kelas input apa pun yang harus diformat sebagai mata uang <input type="text" class="currencyMask" /> dan itu akan memformatnya dengan sempurna di browser apa pun.

Coba mata uang regexp dengan jQuery (tanpa plugin):

$(document).ready(function(){
  $('#test').click(function() {
    TESTCURRENCY = $('#value').val().toString().match(/(?=[\s\d])(?:\s\.|\d+(?:[.]\d+)*)/gmi);
    if (TESTCURRENCY.length <= 1) {
      $('#valueshow').val(
        parseFloat(TESTCURRENCY.toString().match(/^\d+(?:\.\d{0,2})?/))
      );
    } else {
      $('#valueshow').val('Invalid a value!');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" value="12345.67890" id="value">
<input type="button" id="test" value="CLICK">
<input type="text" value="" id="valueshow">

Sunting: Baru periksa nilainya menjadi valid/tidak valid