首页 文章

Angular2：如何将Validators.required设置为2个字段的通用验证

提问于
浏览 次
0

我正在使用Angular2 ForumBulder创建表单并添加验证 . 下面是组件的示例代码

this.OtpForm = this._fb.group({
    otpInput: this._fb.group({
      otpInput1: ['', Validators.required],
      otpInput2: ['', Validators.required],
      otpInput3: ['', Validators.required],
    }, { validator: this.numericValidator })
});

现在这很好用 . 但问题是如何 Validators.required 如同自定义验证器 numericValidator 一样对所有字段都是通用的？

angular angular2-formbuilder

1 回答

  • 3

    例如，您可以为otpInput组创建一个自定义验证器

    validateAllRequired(g: FormGroup) {
    let ctrls = g.controls;
    let keys = Object.keys(ctrls);
    let valid = true;
    keys.forEach((key) => {
      let ctrl = ctrls[key];
      if (ctrl.value.trim() == '') {
        valid = false;
      }
    });
    return valid ? null : {
      validateAllRequired: {
        valid: valid
      }
    };
}

    并添加到这个：

    otpInput: this._fb.group({
  otpInput1: [''],
  otpInput2: [''],
  otpInput3: [''],
}, { validator: Validators.compose([this.numericValidator, this.validateAllRequired]) })

    使用Validators.compose（）组合验证器

    Validators.compose([...])

    用于异步验证器使用

    Validators.composeAsync([...])
    回复于

相关问题