javascript - 使用 JavaScript 替换点会删除所有内容

Question

我遇到了一个奇怪的问题。当尝试替换数字输入上的点时，它不是只替换那个点，而是清除整个输入。

$("[data-input-payment-id]").on("keyup", function(e) {
  var test_value = $(this).val().replace(/\./g, "");
  $(this).val(test_value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" data-input-payment-id="12">

JSFIDDLE

我如何更改它以便它只删除点？

Answer 1

我认为(猜测)这是因为您使用了 type="number"。然后数字后跟一个点，例如123.，不是有效数字，val 返回空白。

你可以试试这个:

$("[data-input-payment-id]").on("keyup", function(e) {
  var test_value = this.value.replace(/[^\d,]/g, "");
  $(this).val(test_value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input data-input-payment-id="12">

这使用普通文本类型并过滤掉替换中除数字以外的任何内容。

编辑:
更改了正则表达式以匹配除数字和逗号之外的任何内容。