输入数字时用逗号替换逗号

Question

现在我正在使用HTML5-Javascript，我有这个代码在我的输入数字中自动添加分隔符：

<input class="number">

DEMO

如果有超过3个数字，它会添加逗号（，），现在我想用点（。）更改逗号（，），如下所示：

输入：10000

输出：10.000

怎么做？

Answer 1

你可以使用jQuery focusout事件来格式化数字，当从文本框中焦点出来时，下面的代码将用。替换所有，。

$('input.number').on("focusout",function (event) {
   $(this).val($(this).val().replace(/,/g,'.'));
});

Answer 2

JQuery的

$("input.number").on("input", function() {
   $(this).val($(this).val().replace(/,/g, "."));
});

$("input.number").on("change", function() {
    $(this).val($(this).val().replace(/,/g, "."));
});

的Javascript

document.querySelector("input.number").addEventListener("input", function() {
    this.value = this.value.replace(/,/g, ".");
}, false);

document.querySelector("input.number").addEventListener("change", function() {
    this.value = this.value.replace(/,/g, ".");
}, false);

活动

input事件

change事件