Angular 7正则校验允许非法输入，与XSD校验不一致问题排查

这个问题的核心在于XSD正则与Angular Validators.pattern 的匹配行为差异：

• XSD的<xsd:pattern>约束默认是全字符串匹配，相当于自动给正则表达式加上了^（字符串开始）和$（字符串结束）锚点，要求整个输入必须完全匹配正则规则。
• 而Angular的Validators.pattern如果传入的是纯字符串正则（未显式添加锚点），则采用部分匹配规则：只要输入字符串中存在任意一段子串匹配正则的某个分支，就会判定校验通过。

具体到你的例子 #

输入061234567912345678时：

• Angular校验：字符串前10位0612345679已经匹配了正则中的((06)[-]?[1-9]{1}[0-9]{7})分支，因此校验通过。
• XSD校验：要求整个字符串必须完全匹配某一个分支，而这个超长号码（06+16位数字）不满足任何分支的长度要求（比如06分支只允许06后跟8位数字，总长度10位或带横杠11位），因此被拒绝。

解决方案 #

给Angular的正则字符串首尾添加^和$锚点，强制要求全字符串匹配，和XSD的行为保持一致：

this.inputForm = this.formBuilder.group({
  phonenumber: ['', Validators.pattern('^((085)[-]?[0-9]{7})|((088)[-]?[0-9]{7})|(((0)[1-9]{2}[0-9][-]?[1-9][0-9]{5})|((\\+31|0|0031)[1-9][0-9][-]?[1-9][0-9]{6}))|((06)[-]?[1-9]{1}[0-9]{7})|(((\\+31|0|0031)6){1}[-]?[1-9]{1}[0-9]{7})|\\+(1\\d{4,14}|2[078]\\d{3,13}|3[0-469]\\d{3,13}|4[013-9]\\d{3,13}|5[1-8]\\d{3,13}|6[0-6]\\d{3,13}|7\\d{4,14}|8[1-469]\\d{3,13}|9[0-58]\\d{3,13}|[2-9]\\d{4,14})$')],
});

注意：因为是在字符串中写正则，+需要转义为\\+（你的代码里已经做了这个转义，现在只需添加首尾锚点即可）。添加锚点后，Angular的校验会要求整个输入字符串完全匹配正则的某一个分支，和XSD的校验逻辑对齐，就能避免这种“Angular通过但XSD拒绝”的情况了。

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