多个验证器的验证器模式部分无法工作

时间:2018-05-02 16:14:14

标签: angular

我的角色有两个验证器(这是

[FormFields.field1]: ['', [Validators.maxLength(4), Validators.pattern('[0-9]')]],

这是:

的一部分
private initForm(formBuilder: FormBuilder): void {
    this.myForm = formBuilder.group({
      [FormFields.field1]: ['', [Validators.maxLength(4), Validators.pattern('[0-9]')]]
    });

  }

由于某种原因,即使我在输入字段中添加了类似111的条目,该字段也会被评估为无效。

这不是定义仅接受数字的验证器的正确方法:

Validators.pattern('[0-9]')

1 个答案:

答案 0 :(得分:1)

进行如下验证,请检查:

Validators.compose([Validators.maxLength(4),Validators.pattern('[0-9]*$')])