Angular2 check re-entered password

Question

I have angular2 form as:

this.registerForm = formBuilder.group({
        'name': ['', Validators.required],
        'email': ['', Validators.compose([Validators.pattern("[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,64}"), Validators.required])],
        'password': ['', Validators.compose([Validators.minLength(6), Validators.required])],
        'repassword': ['', Validators.compose([Validators.minLength(6), Validators.required])]
    });

But I am unable to figure out how to check repassword with password and throw error msg.

** I followed answer of Angular 2 form validating for repeat password but unable to include ControlGroup.

Please help

Ali Shahzad · Answer 1 · 2017-05-05T06:41:21.360

0

You need to implement your custom validator to compare password and repassword fields.

import { AbstractControl } from '@angular/forms';

function comparePassword(c: AbstractControl) {
    return c.get('password').value === c.get(' repassword').value
}

this.myForm = this.fb.group({
    name: ['', Validators.compose([Validators.required])],
    email: [''],
    passwordgroup: this.fb.group({
        password: ['', Validators.compose([Validators.required])],
        repassword: ['', Validators.compose([Validators.required])]
    },  comparePassword)
});

edited May 05 '17 at 06:41

answered May 05 '17 at 06:10

Ali Shahzad

5,163
7
36
64

Hi Thanks for trplying, in this link it is using template driven form and I am using form builder wont it be a issue ? – Narendra Vyas May 05 '17 at 06:29
You can create a custom validator for form builder as well. – Ali Shahzad May 05 '17 at 06:34
checking, Thanks for replying :) – Narendra Vyas May 05 '17 at 07:10
I am getting following errors: Error: Cannot find control with name: 'password' Error: Cannot find control with name: 'password' and TypeError: Cannot read property 'valid' of undefined. – Narendra Vyas May 05 '17 at 10:08

Angular2 check re-entered password

1 Answers1