У меня есть простой ввод, я хотел бы получить тип ошибки при отправке.
formGroup: FormGroup = this.fb.group({
password: [
'',
[Validators.required, Validators.minLength(8), SpecialCharacters],
],
});
Например:
onSubmit(): void {
if (this.formGroup.invalid) {
//I get the type of error:
//number of characters less than 8
//you have not entered any special characters
}
}
Вы можете использовать hasError(), чтобы указать, какое сообщение вы хотите вернуть для каждой соответствующей ошибки.
пример для поля пароля:
onSubmit(): void {
if (this.formGroup.invalid) {
if (this.formGroup.get('password').hasError('minlength')) {
console.log('number of characters less than 8 ');
}
if (this.formGroup.get('password').hasError('SpecialCharacters')) {
console.log('you have not entered any special characters');
}
}
}
Другой вариант - получить доступ к ошибкам управления formGroup, например, для поля пароля:
onSubmit(): void {
if (this.formGroup.invalid) {
if (!!this.formGroup.controls.password.errors?.minlength) { // force it to return false if error not found
console.log('number of characters less than 8 ');
}
if (!!this.formGroup.controls.password.errors?.SpecialCharacters)) {
console.log('you have not entered any special characters');
}
}
}
Я бы попробовал что-то подобное для определенного formControl
get getPassword(): AbstractControl {
return this.formGroup.get('password');
}
из .html
<div *ngIf="getPassword.errors?.minLength">Minimum Length **</div>
<div *ngIf="getPassword.errors?.maxLength">Max Length ***</div>
На данный момент я решил это так:
onSubmit(): void {
if (this.formGroup.valid) {
alert('Password salvata correttamente');
this.formGroup.reset();
} else {
if (this.formGroup.controls.password.errors.minlength) {
alert('ERROR MINLENGTH');
}
if (this.formGroup.controls.password.errors.specialCharacters) {
alert(
'ERROR SPECIALCHARACTERS'
);
}
}
}
Это нормально?
