本文介绍一种健壮的正则表达式方案，用于实时校验文本输入框中的数字：只允许一个可选的负号（且必须位于字符串最前端）、最多一个小数点、禁止非法字符，并强制限制合法值 ≥ -1。
本文介绍一种健壮的正则表达式方案，用于实时校验文本输入框中的数字：只允许一个可选的负号（且必须位于字符串最前端）、最多一个小数点、禁止非法字符，并强制限制合法值 ≥ -1。
在表单开发中，仅靠 HTML 的 type="number" 和 min="-1" 属性无法完全阻止用户通过键盘输入非法格式（例如 "--5"、"1.2.3" 或 "-2.5"），因为浏览器对 oninput 事件中的值修改不触发原生约束验证。因此，需结合 JavaScript 与精准正则表达式进行实时清理与拦截。
以下是一个经过优化的解决方案，使用单次正则替换逻辑完成三项核心校验：
- 剔除所有非法字符（保留数字、.、- 和换行符 \n）；
- 拒绝小于 -1 的负数值（如 -1.01、-2、-10）；
- 禁止负号出现在非起始位置（如 "12-3"、"a-b" 中的 -）。
function handleInput() {
this.value = this.value
.replace(/[^0-9.\n-]+|^-0*(?:1\.0*[1-9]|[2-9]|1\d+).*|(?!^)-/g, '')
.replace(/(\..*)\./g, '$1');
}
const inp = document.getElementById("mynumber");
if (inp) {
inp.addEventListener("input", handleInput);
}
<input type="text" id="mynumber" placeholder="请输入 ≥ -1 的数字（如：-1, -0.5, 0, 0.7, 1）">
✅ 正则说明（主模式 /[^0-9.\n-]+|^-0*(?:1\.0*[1-9]|[2-9]|1\d+).*|(?!^)-/g）：
- [^0-9.\n-]+：清除所有非数字、非小数点、非负号、非换行符的字符；
- ^-0*(?:1\.0*[1-9]|[2-9]|1\d+).*：匹配「以 - 开头且数值
- -0*1\.0*[1-9] → 拒绝 -1.001 ~ -1.999（即 -1.x 且 x > 0）；
- -0*[2-9] → 拒绝 -2 ~ -9；
- -0*1\d+ → 拒绝 -10 及以上（如 -10, -100）；
⚠️ 注意事项：
- 该方案不校验最终数值是否有效（如空字符串 ""、孤立 "-" 或 "."），建议配合 的 required 与后端二次验证；
- 若需支持更严格的浮点精度控制（如限定小数位数），可在第二步 .replace() 后追加逻辑（例如：value.replace(/^(-?\d+)(\.\d{0,2})?.*$/, '$1$2')）；
- 现代浏览器（Chrome 88+、Firefox 78+、Safari 16.4+）支持正向/反向断言，若需进一步合并逻辑，可启用带 (?
总结：此方案将输入净化逻辑收敛为两个高效正则替换，兼顾可读性、可维护性与浏览器兼容性，是实现“负号仅限开头 + 值域 ≥ -1”这一常见业务约束的实用范式。
