Angular 2:简单的输入验证

Question

我有一个简单的输入,用于电话号码,我想验证只有数字,长度是10位数.

<input [(ngModel)]="client.phone" class="form-input" name="phone" type="phone" [value]="client.phone">

如果不使用,我该怎么做才能验证FormBuilder？这似乎FormBuilder只是使事情复杂化,我只想验证这一个输入.

Answer 1

使用内置模式验证器非常简单:

<input [(ngModel)]="client.phone" pattern="[0-9]{10}" class="form-input" name="phone" type="phone" [value]="client.phone">

Answer 2

<input type="number" name="phone" max="10">

您可以使用类型 number 和 max