如何隐藏错误消息,直到下次提交表单

时间:2019-02-16 15:25:17

标签: angular

userExists是从服务器获取的,因此需要提交。如果显示了错误消息,并且用户在电子邮件输入字段中键入了某些内容,则其标记为未触摸,并且错误消息消失了,但是一旦用户将焦点移出了输入字段,就会再次显示该消息。用户输入内容后,如何使其消失,直到下一次提交。

<form [formGroup]="resetPasswordForm" (ngSubmit)="onSubmit()">
    <div *ngIf="submitted && resetPasswordForm.controls.email.touched ">
       <input (input)="emailExistsHide()" formControlName="email" name="email" type="text" placeholder="Enter your Registered email id *"/>
       <div *ngIf="userExists==false">User with that email does not exist</div>  
    </div>

 <button type="submit" class="log-button log-button1">Reset Password</button>
</form>

打字稿

emailExistsHide() {
  this.resetPasswordForm.controls.email.markAsUntouched();
}

1 个答案:

答案 0 :(得分:1)

您也许可以在emailExistsHide()内添加screen。由于您尚未提供onSubmit()的代码,因此很难确定它是否会清洗。