角度验证不适用于模式属性

Question

我正在尝试对此控件进行验证，但是当我将数字降到9并返回到10时，验证仍然是invalid。

<input type="tel" #phone="ngModel" required pattern="^\d{10}$" class="form-control" [class.is-invalid]="phone.invalid && phone.touched" name="phone" [(ngModel)]="userModel.phone">

Answer 1

您必须使用如下模式属性::

<input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>

有关模式验证器的更多信息::

https://angular.io/api/forms/PatternValidator

https://www.concretepage.com/angular-2/angular-2-4-pattern-validation-example