Как правильно форматировать валюту с помощью jquery?

другой вариант (если вы используете ASP.Net razor view), на ваш взгляд, вы можете сделать

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

это будет форматировать его правильно. Примечание (пункт.итого двойной/дес.)

Если в jQuery вы также можете использовать регулярное выражение

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

расширяя ответ Мелу, вы можете сделать это, чтобы функционализировать код и обрабатывать отрицательные суммы.

Пример Вывода:
$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, ",").toString();
}

в качестве следствия того, почему плагин jQuery FormatCurrency является хорошим ответом, я хотел бы опровергнуть ваш комментарий:

1. code.google.com/p/jquery-formatcurrency - не отфильтровать все письма. Вы можете ввести одну букву и он не будет удалить его.

да, formatCurrency() сам по себе не фильтрует письма:

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

но toNumber (), включенный в плагин formatCurrency, делает.

вы таким образом Хотите делать:

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

использовать jquery.inputmask 3.x. Смотрите демо здесь

включаемые файлы:

<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>

и код как

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

основные характеристики:

• прост в использовании
• дополнительные детали anywere в маске
• возможность определить псевдонимы, которые скрывают сложность
• date / datetime masks
• числовые маски
• много обратных вызовов
• нежадный маски
• многие функции могут быть включены / отключены / настроены с помощью опций
• поддерживает только чтение/отключено/dir="rtl" атрибуты
• сведения-свойство маска ввода поддержки атрибута(ов)
• поддержка нескольких масок
• поддержка регулярных выражений
• поддержка динамической маски
• предварительная обработка-поддержка маски
• форматирование / проверка значения без элемента ввода

я использовал плагин валюты формата jquery, но в последнее время он был очень глючным. Мне нужно только форматирование для USD / CAD, поэтому я написал свое собственное автоматическое форматирование.

$(".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, ",").toString());
        });

просто установите класс любого ввода, который должен быть отформатирован как валюта <input type="text" class="currencyMask" /> и он будет форматировать его отлично в любом браузере.

попробуйте регулярное выражение валюты с помощью jQuery (не плагин):

$(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">

изменить: новая проверка значения на valid / invalid

плагин jQuery для проверки формата валюты здесь автоматическое форматирование числовой валюты легко.

Jus наткнулся на это, поскольку у меня была та же проблема. Очень просто и быстро implememt:

http://plentz.github.io/jquery-maskmoney/