在适当的地方添加逗号添加数字

时间:2016-06-11 13:20:07

标签: javascript html number-formatting onblur

我正在尝试使用JavaScript使用逗号获取数字,但它无效。请检查我的代码,让我知道我哪里出错了。请不要将此问题标记为重复;我知道之前已经问过这个问题,但它没有帮助我。 提前致谢。 这是我尝试过的 -

function numberWithCommas() {
  var x = document.getElementById('abc').value;
    x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

html代码 -

<input type="text"  onblur="calculate(); numberWithCommas()" name="abc" id="abc" placeholder="abc" />

1 个答案:

答案 0 :(得分:0)

我在你的代码中看到你试图初始化两个函数:calculate()和numberWithCommas()。在上面的代码中,函数calculate()未定义。确保它在您的最终代码中,否则您将收到参考错误,代码将无法按预期运行。

我做了一个测试,你的代码似乎在numberWithCommas()函数上工作正常。只需要为输入表单指定添加逗号的新值。请看下面的代码:

JS

function numberWithCommas() {
  var x = document.getElementById('abc').value;
  var y = x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  document.getElementById('abc').value = y;
}

HTML:

<input type="text"  onblur="numberWithCommas()" name="abc" id="abc" placeholder="abc" />

您可以看到我删除了calculate()函数,因为它没有在您显示的代码中定义。但当然,如果它存在于最终的代码段中,您可以使用它。 这里有一个工作示例:https://jsfiddle.net/fxduzemx/