韩文+数字+最多3个罗马字符输入正则每两次按键才生效问题排查

核心问题1：正则g全局标志引发的匹配状态异常 #

你当前的正则使用了g全局标志，JavaScript中带g的RegExp对象会保存匹配状态（通过lastIndex属性记录下一次匹配的起始位置）。每次调用test()时，会从lastIndex开始匹配，成功后更新该值，失败则重置为0。这种机制导致test()交替返回true/false，直接表现为每两次按键才触发一次有效输入。

核心问题2：原正则逻辑无法精准限制罗马字符总数 #

原正则^[\u3131-\uD79D0-9\s]*([a-z][\u3131-\uD79D0-9\s]*){0,3}$的写法存在漏洞：它允许最多3组「罗马字符+允许字符」的组合，但逻辑不够严谨，无法直观且准确地限制罗马字符总数量不超过3个。

修复步骤 #

1. 移除g全局标志并修正正则逻辑 #

去掉g标志，改用正向预查精准控制罗马字符总数，保留i支持罗马字符不区分大小写（无需的话可移除i）：

export const hangulAndNumbersAndThreeRomansRegex = 
  /^(?=(?:[^a-z]*[a-z]){0,3}[^a-z]*$)[\u3131-\uD79D0-9\sa-z]+$/i;

• 正向预查(?=(?:[^a-z]*[a-z]){0,3}[^a-z]*$)：确保字符串中罗马字符（a-z）总数≤3
• 主体部分[\u3131-\uD79D0-9\sa-z]+：允许韩文、数字、空格与罗马字符的任意组合

2. 验证匹配结果 #

• 通过案例：

  보령남로 162
  서울특별시 은평구 증산동 증산로9길 13 rrt
  도계읍 문의재로 13417931
  

• 失败案例（罗马字符超3个）：

  a서울a특별시aa
  강원도 12345 abcd
  

3. 保留原有onChange逻辑 #

移除g标志后，test()每次都会从头匹配，不会再出现状态异常，原onChange逻辑可直接使用修正后的正则：

// inputPattern为修正后的正则
const onChange = (e) => {
  if (typeof inputPattern === 'object') {
    if (inputPattern.test(e.target.value)) {
      inputOnChange(e);
    }
  } else {
    inputOnChange(e);
  }
};

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