javascript - 如何使用 JQuery 向货币添加小数点和尾随零？

Question

我已检查了所有相关问题，但没有一个问题能够完整解决我的问题。我知道如何使用符号和逗号转换为货币，但不知道如果用户未指定分，如何添加尾随零。

我确实遇到过一篇文章提到添加这个 .toFixed(2) 但我不明白如何将其合并到我的函数中。

所需的函数是将 14578 转换为 $14,578.00，但如果数字是 14578.79 到 $14,578.79，则不要添加零。我还注意到，即使留空，它也会在字段中放置一个美元符号。有什么办法可以避免这种情况吗？

$('.money').blur(function(e){        
    $(this).val(formatCurrency(this.value.replace(/[,$]/g,'')));
}).on('keypress',function(e){
    if(!$.isNumeric(String.fromCharCode(e.which))) e.preventDefault();
}).on('paste', function(e){    
    var cb = e.originalEvent.clipboardData || window.clipboardData;      
    if(!$.isNumeric(cb.getData('text'))) e.preventDefault();
});
function formatCurrency(number){
    var n = number.split('').reverse().join("");
    var n2 = n.replace(/\d\d\d(?!$)/g, "$&,");    
    return '$' + n2.split('').reverse().join('');
}

input {
  display: block;
}

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

谢谢!

Answer 1

为了防止插入空“$”，您需要检查数字是否为空并返回该函数。这是为您提供的解决方案。您还需要允许“。”在您的按键中允许用户添加美分。

$('.money').blur(function(e){
        if($(this).val() == "") return;
    $(this).val(formatCurrency(this.value.replace(/[,$]/g,'')));
}).on('keypress',function(e){
    if(String.fromCharCode(e.which) != "." && !$.isNumeric(String.fromCharCode(e.which))) e.preventDefault();
}).on('paste', function(e){    
    var cb = e.originalEvent.clipboardData || window.clipboardData;      
    if(!$.isNumeric(cb.getData('text'))) e.preventDefault();
});
function formatCurrency(number){
    if(number == "") return;
    number = parseFloat(number).toFixed(2);
    var n = number.split('').reverse().join("");
    console.log(n);
    var n2 = n.replace(/\d\d\d(?!$)/g, "$&,");    
    return '$' + n2.split('').reverse().join('');
}

在这里检查 jsFiddle:https://jsfiddle.net/7scapsk9/