如何使用JQuery将小数和尾随零添加到货币?

时间:2017-04-26 22:14:58

标签: javascript jquery data-conversion

我已经检查了所有相关问题而没有,完全解决了我的问题。我知道如何使用符号和逗号转换为money,但如果用户没有指定分数,则不知道如何添加尾随零。

我确实遇到过一篇帖子,提到添加.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'/>

谢谢!

3 个答案:

答案 0 :(得分:0)

parseFloat(value).toFixed(n)

其中value是您的数字(可以是字符串),n是要显示的小数位数

答案 1 :(得分:0)

要防止插入空“$”,您需要检查数字是否为空并返回该功能。这是一个适合您的解决方案。你还需要允许“。”在keypress中允许用户添加美分。

$('.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/

答案 2 :(得分:0)

用以下内容替换您当前的props功能:

formatCurrency

如果传入的数字(或数字的字符串)不是空,未定义或空字符串,则会将该数字解析为有效货币。