0

HTMLページには、以下のような<form>検証と<a>タグがあります。

<form #loginForm="ngForm" (ngSubmit)="login()" novalidate>
      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" class="form-control" id="email" placeholder="Email"
        required
        email
        [(ngModel)]="model.email" name="email"
        #email="ngModel">
        <div *ngIf="email.invalid && (email.dirty || email.touched) " class="ha-control-alert">
          <div *ngIf="email.errors.required">Email is required</div>
          <div *ngIf=" !email.errors.required  && email.errors.email">Email is invalid</div>
        </div>
      </div>
</form>
<div>
    <a [routerLink]="['/account/forgot']">Forgot your password?</a>
</div>

問題は、ユーザーが入力 (電子メール入力) に触れても空のままで、そのユーザーが をクリックした後<a>、ページがリダイレクトされず、入力のエラー メッセージが表示され、その後ユーザーが<a>再度クリックするとページがリダイレクトされることです。検証をチェックし、エラーメッセージを表示することは、タグをナビゲートするよりも優先<a>されるようです。これは奇妙です。ユーザーと対話するためにもう1ステップ必要なようです。この問題はどのように解決できますか？

4

2 に答える 2