JavaScript正则表达式，用于带一个点和两个小数的正数

Question

我对regex很陌生，我对regex表达式有疑问。

我只允许用户输入带或不带一个点且最多2个小数（也只能是1个小数）的正数。 当用户在文本框中输入文本时，如果他们输入了错误的格式，我想删除其他字符并将值替换为正确的格式。

有效的例子：

123.12
2
56754
92929292929292.12
0.21
3.1
.90

无效的示例：

12.1232
2.23332
e666.76
-1.23
-54.3242
3.98A
56B
BBB.12C
14.23.56
1..45

目前，我发现使用以下正则表达式的一种解决方案：

$("#SomeElement").keyup(function () {
   this.value = this.value.replace(/(\.\d\d)\d+|([\d.]*)[^\d.]/, '$1$2')
});

有两个问题

1. 它允许我输入多个点。 （例如123.89.80）
2. 即使我一次输入像字母“ a”一样，它也会过滤，但是如果我在键盘上按住字母“ a”，它仍然允许输入（例如AAAAAAAAA12），也许是因为“ keyup”事件？

先感谢您。

Answer 1

我现在已经对此进行了测试，并且可以运行，试试吧：

$("#SomeElement").keyup(function () {
    this.value = this.value.replace(/([^\d]*)(\d*(\.\d{0,2})?)(.*)/, '$2');
});

Answer 2

我不会尝试使用一个正则表达式来做到这一点。 此类正则表达式肯定会给您带来噩梦，并导致大量错误。 为自己省去麻烦，特别是如果您不熟悉正则表达式。

我将此任务分解为以下算法：

1. 删除所有不良字符-不是数字或句点的所有字符。

2. 查找数字的整数部分（第一个句点之前的所有数字）。

3. 查找数字的小数部分（第一个句点之后的所有数字）。

4. 将各个部分放在一起，如果输入中有句点，则仅添加小数部分。

让我们将其放在代码中：

$("#SomeElement").on('input', function () {
    var filtered = this.value.replace(/[^0-9.]/g, '').split('.')
    var integer = filtered.shift()
    var hasDecimal = filtered.length > 0
    var fraction = filtered.join('').slice(0, 2)
    this.value = integer + (hasDecimal ? '.' + fraction : '')
});

哦，绑定到input事件，而不是keyup ， keypress或keydown 。 他们都有缺点。 而且我可能建议使用this.selectionStart和this.setSelectionRange()保存用户的插入符位置，或者如果他们尝试返回以编辑其部分输入，则他们可能会出现一些this.setSelectionRange()行为。 所以基本上看起来像：

var caretPos = this.selectionStart
this.value = ...
this.setSelectionRange(caretPos, caretPos)

尽管您可能需要对其进行一些修改才能获得所需的行为。 这就是JSFiddle中的所有内容 。 干杯。

Answer 3

尝试使用以下正则表达式 ：

^\.?(?!-)\d+(?:\.\d{1,2})?$

参见正则表达式演示/说明

Answer 4

试试这个^\\s*(?=.*[1-9])\\d*(?:\\.\\d{1,2})?\\s*