Se que la pregunta en cuestión ya se ha hecho en muchos otros posts pero en todas las soluciones propuestas no encuentro ninguna que me solucione el problema.
Estoy tratando de crear un validador para verificar que la contraseña de confirmación ingresada sea la misma que la contraseña.
Este es mi código de formulario de compilación:
this.form = new FormGroup({ name: new FormControl('', [Validators.required]), surname : new FormControl('', [Validators.required]), username: new FormControl('', [Validators.required, Validators.email]), tempUsername: new FormControl('', [Validators.required, Validators.email]), password: new FormControl('', [Validators.required, Validators.minLength(8), Validators.maxLength(16)]), passwordTemp: new FormControl('', [Validators.required]), }, { validator: this.matchingPasswords } ); }y este es mi método de validación:
public matchingPasswords(c: AbstractControl): ValidationErrors | null { const password = c.get(['passwords']); const confirmPassword = c.get(['passwordTemp']); if (password.value !== confirmPassword.value) { return { mismatchedPasswords: true }; } return null; }en la línea 8 del formulario de compilación me sale el siguiente error:
TS2345: Argumento de tipo '{ validador: (c: AbstractControl) => ValidationErrors; }' no se puede asignar al parámetro de tipo 'ValidatorFn | ValidadorFn[] | Opciones de control abstracto'. El objeto literal solo puede especificar propiedades conocidas, y el 'validador' no existe en el tipo 'ValidatorFn | ValidadorFn[] | Opciones de control abstracto'.
¿Algunas ideas?
Debe usar validators , no validator :
this.form = new FormGroup({ // fields }, { validators: this.matchingPasswords }); Tal vez también sea mejor mover matchingPasswords a una función de utilidad exportada, pero eso es solo una preferencia de código personal.
Otras notaciones de trabajo son:
this.form = new FormGroup({ // fields }, this.matchingPasswords); this.form = new FormGroup({ // fields }, [this.matchingPasswords]);Usar validadores en lugar de validador
{ validators: this.matchingPasswords }y esto
public matchingPasswords: ValidatorFn = (c: AbstractControl): ValidationErrors | null => { const password = c.get('passwords'); const confirmPassword = c.get('passwordTemp'); if (password && confirmPassword && password.value !== confirmPassword.value) { return { mismatchedPasswords: true }; } return null; };