Есть ли в контроле формы валидатор, который может проверять, активно ли поле? - PullRequest
Новая
       27

Есть ли в контроле формы валидатор, который может проверять, активно ли поле?

0 голосов
/ 03 мая 2019

Я создал форму с валидатором, которая появляется только в том случае, если значение недопустимо и только после того, как поле коснулось.Однако я хочу, чтобы сообщение проверки было видимым, только если курсор больше не находится в этом поле, поэтому, пока пользователь заполняет поле, сообщение проверки не должно появляться.Как это можно сделать?

Мой HTML-код: 

    <form [formGroup]="signupForm" (ngSubmit)="onSubmit()">
            <div formGroupName="userData">
              <div class="form-group">
                <label for="username">Username</label>
                <input
                  type="text"
                  id="username"
                  formControlName="usernameform"
                  class="form-control">
                <span


    *ngIf="!signupForm.get('userData.usernameform').valid && signupForm.get('userData.usernameform').touched "
                  class="help-block">Please enter a valid user name</span>
              </div>

вместе с ts: 

     ngOnInit() {
        this.signupForm = new FormGroup({
          'userData': new FormGroup({
            'usernameform': new FormControl(null, Validators.required),
            'emailform': new FormControl(null, [Validators.required, Validators.email])
          }),
          'genderform': new FormControl('male')
        });
      }

Я пробовал валидаторы как грязные и ожидающие решения, но это непохоже на работу

...