正则表达式字符串验证异常：现有规则无法正确过滤非法格式求解析

你的正则表达式目前没有对小数点的位置和连续性做限制，这就是导致不符合预期结果的原因。让我详细拆解下问题：

当前正则的不足 #

你写的正则 ^[a-zA-Z0-9.]{1,}$ 只是简单匹配任意数量（至少1个）的字母、数字或小数点，但它没有处理这些你想要规避的场景：

• 允许小数点出现在字符串的开头（比如 .santosh.jadi）
• 允许小数点出现在字符串的结尾（比如 santosh.jadi.）
• 允许连续出现多个小数点（比如 santosh..jadi）

这些正好是你想要拒绝的格式，所以需要调整正则规则。

修正后的正则表达式 #

要满足你的预期要求，正则需要确保：

1. 字符串以字母或数字开头
2. 中间的小数点必须跟在字母/数字后面，且不能连续
3. 字符串以字母或数字结尾

对应的正则可以写成：

^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$

正则部分解释 #

• ^[a-zA-Z0-9]+：强制字符串开头是至少1个字母或数字，杜绝开头出现小数点
• (?:\.[a-zA-Z0-9]+)*：这是一个非捕获组，匹配「小数点 + 至少1个字母/数字」的组合，* 表示这个组合可以出现0次或多次（如果你的ID必须至少包含一个小数点，可以把*改成+）
• $：强制字符串结尾是字母或数字，杜绝结尾出现小数点

修正后的代码 #

把你的validate函数替换成下面的版本即可：

validate(id) {
  var patt = new RegExp("^[a-zA-Z0-9]+(?:\\.[a-zA-Z0-9]+)*$");
  return patt.test(id);
}

注意：在JavaScript字符串中，反斜杠需要转义，所以写成\\.而不是\.

测试验证 #

• 符合预期接受的格式：
  • santosh.jadi → 匹配通过
  • santosh.jadi.others → 匹配通过
• 符合预期拒绝的格式：
  • .santosh.jadi → 匹配失败
  • santosh.jadi. → 匹配失败
  • santosh..jadi → 匹配失败

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