javascript - 用户键入时将输入值转换为货币格式

Question

我未能将输入值转换为货币格式。我想在用户键入数字 (5,000.00; 125,000.00) 时自动添加千位和小数点分隔符。

这是我的代码:

$('input.CurrencyInput').on('blur, focus, keyup',
    function() {
        $(this).val().toLocaleString('en-US', {
            style: 'decimal',
            maximumFractionDigits: 2,
            minimumFractionDigits: 2
        });
    });

Answer 1

您的代码有几个问题:

1. 将多个事件处理程序绑定(bind)到输入框时使用逗号。
2. 在应用 toLocaleString 之前，您没有将接收到的值转换为数字。
3. 您没有在转换后再次设置文本框的值。

纠正这些，这是一个工作演示。为了简单起见，我删除了除 blur 之外的其他事件处理程序，因为 keyup 导致了问题。

$('input.CurrencyInput').on('blur', function() {
  const value = this.value.replace(/,/g, '');
  this.value = parseFloat(value).toLocaleString('en-US', {
    style: 'decimal',
    maximumFractionDigits: 2,
    minimumFractionDigits: 2
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="CurrencyInput">