如何对10位数字进行角反应形式验证

时间:2019-12-19 06:28:11

标签: angular forms validation

我已经做到了,但是没用

'phone': new FormControl(null, [Validators.required, Validators.pattern("[0-9]{0-10}")])

我应该改变什么?

3 个答案:

答案 0 :(得分:1)

尝试一下:

'phone': new FormControl(null, [
 Validators.required, 
 Validators.minLength(10),
 Validators.pattern("^[0-9]*$")
])

答案 1 :(得分:0)

定义一个属性(变量)并将其传递给验证器

phoneNumber = "^(\+\d{1,3}[- ]?)?\d{10}$";
   'phone': new FormControl(null, [Validators.required, Validators.maxLength(10), Validators.pattern(this.phoneNumber)])

答案 2 :(得分:0)

您可以使用下面的正则表达式来仅接受10位数字(从0到9):

/^[0-9]{10}$/

有了这个,您不需要添加minLength。

您的验证将如下所示:

'phone': new FormControl(null, [Validators.required, Validators.pattern("^[0-9]{10}$")])