Angular响应式表单localPath字段需匹配含至少两个斜杠的正则

你的原正则表达式^[a-zA-Z ][/]{2,}+$无效的原因是：它强制要求字符串开头只能是字母或空格，后续只能是连续的斜杠，完全不符合localhost://4200这类实际路径的结构。

根据需求，这里分两种场景给出正确的正则规则：

场景1：路径中至少包含两个斜杠（允许连续或分开） #

比如a/b/c、localhost://4200这类都符合要求，正则表达式为：

Validators.pattern('^.*\/.*\/.*$')

或者更简洁的正向预查写法：

Validators.pattern('^(?=.*\/.*\/).*$')

场景2：路径中至少包含一组连续的两个斜杠 #

如果要求必须有类似//的连续斜杠（和你的示例localhost://4200匹配），正则表达式为：

Validators.pattern('^.*\/{2,}.*$')

修改后的TS代码示例 #

localPath: new FormControl('', [
  Validators.required,
  // 根据需求选择上面其中一个正则
  Validators.pattern('^.*\/.*\/.*$'),
]),

优化提示 #

建议把HTML中的错误提示文本修改得更明确，比如：

<div
  class="validations"
  *ngIf="dropboxForm.get('localPath')?.hasError('pattern')"
>
  <p>路径必须包含至少两个斜杠</p>
</div>

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