loginForm = new FormGroup({
email: new FormControl('', [
Validators.required,
Validators.email
]),
password: new FormControl('', [
Validators.required,
Validators.minLength(6)
])
});
<div *ngIf="loginForm.controls['email'].errors" class='invalid-feedback'>
<div *ngIf="loginForm.controls['email'].errors.required">
Email не может быть пустым. Введите корректный email.
</div>
<div *ngIf="loginForm.controls['email'].errors.email">
Введите корректный email.
</div>
</div>
Почему высвечивается всегда:
"Email не может быть пустым. Введите корректный email. Введите корректный email."
хотя должно высветиться: "Email не может быть пустым. Введите корректный email."
а когда появится хотя бы 1 символ: "Введите корректный email."
Если пишу Validators.pattern который определяет email, то все работает как надо, а когда использую Validators.email работает неправильно
Как есть:
Должно быть:
required
проверяет наlength > 0
, аemail
- там под капотом есть регуляркаvalue
в инпуте равняетсяnull
, это значение не проходит ни ту, ни ту проверку