主页 / 问题 / 1609290
Accepted
Vladik
Asked:2025-03-25 00:40:59 +0000 UTC2025-03-25 00:40:59 +0000 UTC

帮助使用带有 number_format 或类似格式的 javascript

  • 772

帮我把金额四舍五入，并禁止输入字母，只留下数字+句号和逗号。

有三个input：

<input id="i1" value="" onkeyup="f()"/>
<input id="i2" value="" onkeyup="f()"/>
<input id="i3" value=""/>

有一个脚本：

function f(){
var n1=document.getElementById('i1').value.replace( ',', '.');
var n2=document.getElementById('i2').value.replace( ',', '.'); 
var n3=(Number(n1)*Number(n2))*3; 
document.getElementById('i3').value=n3;
}

在第一个和第二个中input我们输入数字，скрипт将这两个数字相乘 + 乘以 3，在第三个中input我们输出所有这些东西（然后表格将被发送）

这个想法是这样的：我们将产品的宽度和长度相乘，得到面积，然后将其乘以每平方厘米的价格。在这个例子中是 3var n3=(Number(n1)*Number(n2))*3;

我对 JavaScript 完全一窍不通，replace做这件事的时候我差点发疯 :) 我们需要禁止инпута在前两个字符中输入除数字、句号和逗号之外的任何内容，并让最终的总和以人为本的方式输出，不是143.4553532134，而是143.46

我尝试过各种方法，但仍然没有任何效果。提前感谢大家的帮助。

javascript

2 个回答

  1. Best Answer

    找到了答案

    $('input').on('keydown', function(e){
  if(e.key.length == 1 && e.key.match(/[^0-9'".",]/)){
    return false;
  };
})

function f(){
var n1=document.getElementById('i1').value.replace( ',', '.');
var n2=document.getElementById('i2').value.replace( ',', '.');

var n3=(Number(n1)*Number(n2))*3;
var n4=Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(n3);

document.getElementById('i3').value=n4;
}
    • 0

  2. 我建议这个选项

    function f() {
    var n1 = document.getElementById("i1");
    var n2 = document.getElementById("i2");


    n1.addEventListener("input", function () {
        this.value = this.value.replace(/[^0-9.,]/g, '');
    });

    n1.addEventListener("blur", function () {
        let number = parseFloat(this.value);

        if (!isNaN(number)) {
            this.value = number.toFixed(2);
        } else {
            this.value = '';
        }
    });

    n2.addEventListener("input", function () {
        this.value = this.value.replace(/[^0-9.,]/g, '');
    });

    n2.addEventListener("blur", function () {
        var number = parseFloat(this.value);

        if (!isNaN(number)) {
            this.value = number.toFixed(2);
        } else {
            this.value = '';
        }
    });
    if(n1.value && n2.value) {
        var n3 = (parseFloat(n1.value) * parseFloat(n2.value)) * 3;
        document.getElementById('i3').value = n3;
    }
}
    <input id="i1" value="" onkeyup="f()"/>
<input id="i2" value="" onkeyup="f()"/>
<input id="i3" value=""/>

    • 0

相关问题