javascript - Angular 2 : Simple input validation

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">