Question

我尝试使用自定义验证构建表单，这是一个示例：

this.registrationForm= fb.group({
  dob: ['', Validators.required],
  email: ['', Validators.compose([Validators.required,  emailValidator])],
  password: ['', Validators.required],
  confirmPassword: ['', Validators.required],
  firstName: ['', Validators.required],
  lastName: ['', Validators.required]
}, {validator: matchingPasswords('password', 'confirmPassword')})

我只有一个问题 - 来自NgModel指令的ng-invalid css类不会为自定义验证器触发，有人遇到过这个问题吗？

Answer 1

在CSS文件中“无效”＆＃39;与[required]相关联的类，因此在没有它的情况下它不会被激活，并且不需要自定义验证器＆＃39;。例如：

<input required type=”text” ngControl=”username” />

使用自定义验证器ng-valid类进行Angular 2表单验证

1 个答案: