React文本输入正则验证问题：开头可选加号无法匹配

你的正则表达式^\+?\d+?$里，\d+?的+量词表示至少匹配1个数字，所以单独输入+时，后面没有数字，自然通不过匹配，跟加号运算符完全没关系。

要实现允许空字符串、纯数字、单独+或+开头加数字的需求，只需要把正则里的\d+?改成\d*，让数字部分变成可选（0个或多个）：

export const phoneNumberTestPattern = new RegExp('^\+?\d*$');

修改后的正则逻辑：

• ^：匹配字符串开头
• \+?：允许0个或1个加号
• \d*：允许0个或多个数字
• $：匹配字符串结尾

这样就能覆盖所有你需要的场景：

• 空字符串：匹配
• 纯数字（如12345）：匹配
• 单独的+：匹配
• +加数字（如+12345）：匹配

对应的onChange代码不需要改动，保持原来的逻辑即可：

onChange={ (e) => {
    if (e.target.value === '' || phoneNumberTestPattern.test(e.target.value)) {
       field.onChange(e.target.value);
   }
}}

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