Password validator

password-validator.ts

import { FormGroup, ValidatorFn, ValidationErrors } from '@angular/forms';



export const passwordMatchValidator: ValidatorFn = (formGroup: FormGroup): ValidationErrors | null => {

  const passwordControl = formGroup.get('password');

  const confirmPasswordControl = formGroup.get('confirmPassword');



  if (!passwordControl || !confirmPasswordControl) {

    return null;

  }



  // If the confirm password field is empty, don't show an error yet

  // This is a common practice to avoid showing an error as soon as the form loads

  if (confirmPasswordControl.errors && !confirmPasswordControl.errors['passwordMismatch']) {

    return null;

  }



  if (passwordControl.value !== confirmPasswordControl.value) {

    // Return a validation error object

    return { passwordMismatch: true };

  }



  // Pass validation, return null

  return null;

};