JavaScript输入数字验证正则问题：排除单独减号且允许空输入

我之前也碰到过类似的需求，其实只需要调整正则的结构，把减号和后面的数字绑定成一个可选的整体，同时保留空输入的合法性就行。这里有两种简洁的解决方案：

方案1：用逻辑或分隔两种情况 #

直接拆分规则，用|分隔，逻辑非常直观：

const regex = /^$|^-?\d+$/;

• 第一部分^$：专门匹配空输入
• 第二部分^-?\d+$：匹配带可选减号、且后面至少跟一个数字的合法数字（正数/负数）

单独的减号'-'既不符合空输入规则，也不满足第二部分“减号后必须有数字”的要求，会被正确排除。

方案2：用可选非捕获组合并规则 #

如果想要更紧凑的写法，可以用非捕获组把数字相关的规则包起来，再设置成可选：

const regex = /^(?:-?\d+)?$/;

这里(?:-?\d+)是一个非捕获组，代表“可选减号+至少一个数字”的整体，后面的?表示这个组可以不存在（对应空输入）。同样能达到需求，而且正则更简洁。

测试用例验证 #

• ✅ 合法匹配：''（空）、'123'（正数）、'-123'（负数）
• ❌ 非法不匹配：'-'（单独减号）、'abc'（非数字字符）、'12a3'（混合字符）

为什么原来的正则有问题？ #

你之前的^(-?)[\d]*$里，*允许匹配0个数字，所以当输入是单独减号时，(-?)匹配减号，[\d]*匹配0个数字，整个表达式就错误匹配了；换成+后，[\d]+要求至少一个数字，但空输入时没有数字，自然就被排除了。我们的解决方案就是把“减号+数字”绑定成必须同时出现（或都不出现）的结构，完美解决了这个矛盾。

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