0

  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 работает неправильно

Как есть:

введите сюда описание изображения

Должно быть:

введите сюда описание изображения введите сюда описание изображения

14
  • а что не так? required проверяет на length > 0, а email - там под капотом есть регулярка 20 ноя 2018 в 13:45
  • Высвечивает сразу и required, и email 20 ноя 2018 в 13:49
  • а как должно? изначально value в инпуте равняется null, это значение не проходит ни ту, ни ту проверку 20 ноя 2018 в 13:49
  • если использую pattern, то сначала required, а потом pattern 20 ноя 2018 в 13:50
  • stackblitz.com/edit/angular-6-reactive-form-validation здесь даже есть пример 20 ноя 2018 в 13:50

1 ответ 1

-1

Проблема оказалась в 5-ой версии Angular'a. В Angular 6 все работает как надо

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.