У меня есть этот код:
this.form = fb.group({
username: ['', Validators.compose([Validators.required])],
fullName: ['', Validators.compose([Validators.required])],
password: ['', Validators.compose([Validators.required])],
confirmPassword: ['', Validators.required],
}, {validator: matchingPasswords('password', 'confirmPassword')});
соответствующие пароли:
export function matchingPasswords(passwordKey: string, passwordConfirmationKey: string) {
return (group: FormGroup) => {
let password = group.controls[passwordKey];
let passwordConfirmation = group.controls[passwordConfirmationKey];
if (password.value !== passwordConfirmation.value) {
return passwordConfirmation.setErrors({mismatchedPasswords: true})
}
}
}
HTML:
<div class="form-group">
<input [formControl]="confirmPassword" class="form-control checking-field" type="password">
<span class="help-block text-danger" *ngIf="form.get('password').touched && form.get('password').hasError('required')">
</div>
<div class="form-group">
<input class="custom-control-input checkbox-main" type="checkbox" [(ngModel)]="policyButtonValue" [ngModelOptions]="{standalone: true}" ngDefaultControl>
<span class="custom-control-indicator"></span>
</div>
это функционально и работает отлично, но у меня есть особый сценарий использования, который следует исправить.
- щелкните в первом поле пароля.
- введите пароль, например: "foo"
- щелкните в поле подтверждения пароля.
- введите одно и то же, например: "foo"
до этого момента проблем не было. - введите что-то другое в поле подтверждения пароля, например: «foobar» (в этот момент валидатор показывает, что здесь есть ошибка)
- щелкните в поле пароля
- введите то же самое, что и в поле пароля: «foobar», и здесь поле подтверждения пароля по-прежнему недействительно, пока поле пароля не потеряет фокус...
есть ли способ , чтобы заставить проверку соответствия пароля выполняться при событии keyup, а не как это работает сейчас?
