javascript - 使用 jQuery 将文本框输入限制为给定的正则表达式

Question

考虑以下文本框:

<input type="text" name="quantity" id="quantity_field" />

使用 jQuery，我想通过以下正则表达式将有效输入集限制在 quantity_field 中:

<script>
  var quantityRegexp = "^(0|[1-9]+[0-9]*)$";
</script>

更具体地说，我想让浏览器丢弃任何输入到 quantity_field 中的字符，这些字符会使文本字段的值不符合给定的正则表达式。 (当然也会在服务器端进行相应的检查。)

例子:

• 如果用户键入“foo 234”，则只会在文本框中输入“234”。
• 如果用户键入“001230”，则只会在文本框中输入“1230”。
• 如果用户键入“foo1bar”，只会在文本框中输入“1”。

问题:使用 jQuery 实现此目的的最简单方法是什么？

Answer 1

不是您问题的答案(因为我不了解 jQuery)，但正则表达式 ^[1-9]*[0-9]*$ 可能不会如您所愿或思考。它匹配空字符串，但也匹配 000000 之类的数字。我希望您不希望这样，因为您的第一个字符类 [1-9] 明确忽略了零。我认为您应该将第一个 * 更改为 +:^[1-9]+[0-9]*$。但是，该正则表达式将拒绝(单个)数字 0。如果你想包含它，你应该这样做:^(0|[1-9]+[0-9]*)$。