时间戳

首页 > 解决方案 > 如何在下次提交表单之前隐藏错误消息

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();
}

标签： angular

解决方案

您也许可以添加this.userExists=true;inside emailExistsHide()。由于您没有提供 onSubmit() 的代码，因此很难判断这是否会清洗..

推荐阅读