求限制小数点前后位数的正则表达式（适用于KeyPress事件）

嘿，这事儿好办！我给你量身定制一个完全符合需求的正则表达式，再给你拆解清楚规则，以及在KeyPress事件里的正确用法：

最终正则表达式 #

^(?:\d{1,2}(?:\.\d{0,2})?|\.\d{1,2})$

规则拆解（帮你看懂每一部分） #

这个正则分两个分支，覆盖所有合法场景：

• 第一个分支：\d{1,2}(?:\.\d{0,2})?
  • \d{1,2}：匹配1-2位数字，对应你要求的“前两位必须为数字”（允许输入1位或2位整数，比如2、22）
  • (?:\.\d{0,2})?：可选的小数部分，\.匹配小数点，\d{0,2}允许小数点后输入0-2位数字（所以支持22.、22.2、22.22这类情况）
• 第二个分支：\.\d{1,2}
  • 专门匹配以小数点开头的合法输入，比如.2、.22，完全符合你的需求
• ^ 和 $：确保整个输入内容都符合规则，避免出现222这种超出位数的非法输入

KeyPress事件中的使用要点 #

因为KeyPress是在字符输入前触发，所以我们要预判输入后的内容是否合法，同时要允许退格、方向键这类控制键正常使用。这里给你举个JavaScript的示例（其他语言思路完全一致）：

// 假设你的输入框元素是inputElement
inputElement.addEventListener('keypress', function(e) {
  const currentContent = this.value;
  const inputChar = String.fromCharCode(e.charCode);
  const newContent = currentContent + inputChar;
  const validateRegex = /^(?:\d{1,2}(?:\.\d{0,2})?|\.\d{1,2})$/;

  // 允许控制键（退格、删除、方向键等）通过
  if (e.charCode === 0) return;

  // 如果新内容不匹配正则，阻止输入
  if (!validateRegex.test(newContent)) {
    e.preventDefault();
  }
});

可选调整 #

如果你不想允许22.这种“小数点后无数字”的情况，可以把正则改成：

^(?:\d{1,2}(?:\.\d{1,2})?|\.\d{1,2})$

这样小数部分要么没有，要么至少输入1位数字，完全看你实际需求~

内容的提问来源于stack exchange，提问作者Prisoner ZERO