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

严芳

我正在尝试使用自定义验证来构建表单,这是一个示例:

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-无效css类不会为自定义验证器触发,有人遇到过此问题吗?

严芳

在CSS文件中,与[required]相关联的'ng-invalid'类因此没有它就不会触发,并且自定义Validator不是'required'。例如:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 2表单状态对于ng-select控件的自定义验证始终无效

Angular 2 反应式表单自定义验证

Angular 2表单验证

在自定义表单验证中使用Angular的`useExitsing`吗?

Angular 表单自定义验证数据

使用angular 2进行表单验证

Angular2自定义表单验证器无法访问类中的“ this”

Angular2模板驱动的表单:如何为自定义表单控件创建字段验证?

Angular 2+ 自定义表单验证打破了表单方法

使用自定义验证程序在地图上进行JSR-303验证

使用自定义验证程序对嵌套输入进行条件jquery验证

如何在Angular 5自定义验证中使用Bootstrap 4验证伪类(:valid,:invalid)?

使用自定义验证器进行Spring Bean验证

Angular 2 - 自定义表单验证器不起作用

使用Angular自动验证添加自定义验证

Angular 2强制对键进行自定义验证

Angular动态表单验证-无论是验证还是自定义验证

使用Azure移动应用程序进行自定义身份验证

Angular 5 表单自定义验证无法正常工作

如何应用自定义表单验证[Angular]

Angular 2反应式表单自定义验证器仅在表单控件有效时适用

使用自定义表单请求类时检查是否存在任何验证错误

Angular自定义表单验证器使用其他控件

使用自定义HandlerMethodArgumentResolver的Spring MVC @Valid验证

创建自定义验证器以针对多个表单字段进行验证

如何使用GraphQL自定义身份验证类?

使用joi进行自定义配置模块验证

Laravel 5.5使用自定义消息进行验证

laravel - 使用自定义值进行验证