【问题标题】:How to Add Currency Format to Result如何将货币格式添加到结果
【发布时间】:2021-01-28 12:04:39
【问题描述】:

我想把结果转成货币格式,试过很多方法都没有解决。我正在使用jQuery Mask

这是结果:

HTML 代码:

<script src="assets/js/jquery.mask.js"></script>

<div class="container mt-3">
    <form method="POST" action="">
        <div class="form-group">
            <label>Number 1</label>
            <input type="text" class="form-control uang" placeholder="0" id="number1" onkeypress="return OnlyNumber(event)" onkeyup="Calculate();">
        </div>
        <div class="form-group">
            <label>Number 2</label>
            <input type="text" class="form-control uang" placeholder="0" id="number2" onkeypress="return OnlyNumber(event)" onkeyup="Calculate();">
        </div>
        <div class="form-group">
            <label><strong>(Number 1) + (Number 2)</strong></label>
            <p><strong>Result <span id="result">0</span></strong></p>
        </div>
    </form>
</div>

JavaScript 代码:

    function Calculate() {
        var Number1 = document.getElementById('number1').value.replace(/\./gi,"");
        var Number2 = document.getElementById('number2').value.replace(/\./gi,"");
        var HitResult = Number(Number1) + Number(Number2);
        if (!isNaN(HitResult)) {
            document.getElementById('result').innerHTML = HitResult;
        }
    }
    function OnlyNumber(evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
            return true;
        }
    }

main.js 中的另一个 JS

$(document).ready(function(){
    $( '.uang' ).mask('#.##0', {reverse: true});
})

【问题讨论】:

标签: javascript html forms


【解决方案1】:

感谢@TobiasSchnier 提供的参考,我正在使用这个答案来解决这个问题。

通过在指定变量中添加此代码.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".")

更多详情如下:

function Calculate() {
    var Number1 = document.getElementById('number1').value.replace(/\./gi,"");
    var Number2 = document.getElementById('number2').value.replace(/\./gi,"");
    var HitResult = Number(Number1) + Number(Number2);
    if (!isNaN(HitResult)) {
        document.getElementById('result').innerHTML = HitResult.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
    }
}

使用这个:https://stackoverflow.com/a/2901298/14553270

【讨论】:

    猜你喜欢
    • 2019-07-07
    • 2015-03-20
    • 1970-01-01
    • 1970-01-01
    • 2020-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-07
    相关资源
    最近更新 更多