Breaking News: Grepper is joining You.com. Read the official announcement!

angular password validation

Jason Akbar answered on December 4, 2022 Popularity 10/10 Helpfulness 3/10

answer angular password validation

related password and confirm password validation angular

angular password validation

Comment

checkPasswords: ValidatorFn = (group: AbstractControl):  ValidationErrors | null => { 
  let pass = group.get('password').value;
  let confirmPass = group.get('confirmPassword').value
  return pass === confirmPass ? null : { notSame: true }
}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: angular validation whatever

Link to this answer
Share Copy Link

Contributed on Dec 04 2022

Jason Akbar

0 Answers Avg Quality 2/10

Closely Related Answers

password and confirm password validation angular

Comment

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-password-form',
  templateUrl: './password-form.component.html',
  styleUrls: ['./password-form.component.css']
})
export class PasswordFormComponent implements OnInit {
  passwordForm: FormGroup;
  passwordMatchError: boolean = false;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit(): void {
    this.passwordForm = this.formBuilder.group({
      password: ['', [Validators.required]],
      confirmPassword: ['', [Validators.required]]
    }, { validator: this.checkPasswords });
  }

  checkPasswords(group: FormGroup): any {
    const password = group.get('password').value;
    const confirmPassword = group.get('confirmPassword').value;

    return password === confirmPassword ? null : { mismatch: true }
  }

  onSubmit(): void {
    if (this.passwordForm.valid) {
      // Perform your desired action with the valid password
      console.log('Valid password:', this.passwordForm.get('password').value);
    } else {
      // Show error message or handle invalid password submission
      this.passwordMatchError = true;
    }
  }
}

Popularity 9/10 Helpfulness 7/10 Language typescript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

angular password validation

Contents

More Related Answers

angular password validation

Closely Related Answers

password and confirm password validation angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.