Question

我有部分模型驱动的部分模板驱动形式，我想使用自定义逻辑验证其中一个输入。问题是，控制处于无效状态，即使验证返回为有效。我做错了什么？

<span *ngIf="identityNumber.touched && !identityNumber.valid">invalid</span>

...

this.form = this.formBuilder.group({
  identityNumber: ['', Validators.required, 
      ValidationService.validateIdentityNumber]
});

...

public static validateIdentityNumber(control: Control) {
  let val: string = <string>control.value;
  if (val && val.length == 11) {
    return null;
  } else {
    return { "invalidIdentityNumber": true };
  }
}

http://plnkr.co/edit/1IY4iXEeQDXUanCOSCKX?p=preview

即使您输入11个字符，它也会显示为“无效”。

（我知道有一个长度验证器，这是为了样本的缘故）

Answer 1

如果要传递多个验证器，请使用Validators.compose

identityNumber: ['', 
    Validators.compose([
        Validators.required, 
        ValidationService.validateIdentityNumber
    ])
]

（第3个参数用于异步验证器）

使用验证服务验证

1 个答案: