Angular 2 form validation with custom validators ng-valid class

Question

I'm trying to build a form with custom validations, here is an example:

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')})

i have only one problem - the ng-invalid css class from the NgModel directive won't fire for the custom validator, anyone encountered with this problem?

Yan.F · Accepted Answer · 2016-08-31 04:26:08Z

1

in the CSS file the 'ng-invalid' class associated with [required] so it won't fire without it and the custom Validator is not 'required'. for example:

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

answered Aug 31, 2016 at 4:26

Yan.F

6405 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular 2 form validation with custom validators ng-valid class

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related