角2: Validators.pattern()不工作

Question

我正在尝试使用模式验证输入type="text"。我只想要短信。

构成部分：

 this.from = this.fb.group({
  name: ['',[Validators.required,Validators.pattern('/^[a-zA-Z]+$/')]],

});

Html：

<input type="text" formControlName="name"/> // omitting other html template like from tag.

上面的模式验证对我不起作用。它总是返回无效状态。

Answer 1

以字符串形式传递模式，而不使用/，后者是正则表达式的分隔符

Validators.pattern('^[a-zA-Z]+$')

Answer 2

记住不要这样做：

Validators.pattern("[A-Z]{1,2}[0-9][0-9A-Z]?\s?[0-9][A-Z]{2}")

缺点是，在s之前需要一个双反斜杠才能击败字符串转义，因此：

Validators.pattern("[A-Z]{1,2}[0-9][0-9A-Z]?\\s?[0-9][A-Z]{2}")

Answer 3

我在另一个模式上也有同样的问题：

^\d{1,4}$

我就是这样用的：

Validators.pattern("^\d{1,4}$") // wrong

问题是反斜杠\必须转义，所以正确的形式是：

Validators.pattern("^\\d{1,4}$") // correct