如何在使用angular2 / typescript提交后删除电子邮件验证

Question

我有一个添加弹出窗口，在填充所有字段并提交提交后，值将被保存。如果我再次打开并添加弹出窗口以添加没有页面刷新的新值，则在电子邮件字段中如果没有填充任何内容，则显示Email is invalid。在页面加载它工作正常。请任何人都可以帮助解决这个问题。 我在这里分享我的代码请帮助

HTML代码

   <md-input-container>
   <input mdInput type="text" name="workEmail" [(ngModel)]="userDetails.workEmail" placeholder="WD Email" #email="ngModel" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" required>
   </md-input-container>
   <div style="font-size: 13px;text-align: left; padding: 8px 0px 8px 30px;" [hidden]="email.valid || email.pristine" class="error">
                                Email is invalid!
   </div>

提前致谢。

Answer 1

您可以添加untouched并检查一次。

<md-input-container>
<input mdInput type="text" name="workEmail" [(ngModel)]="userDetails.workEmail" placeholder="WD Email" #email="ngModel" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" required>
</md-input-container>
<div style="font-size: 13px;text-align: left; padding: 8px 0px 8px 30px;" [hidden]="email.valid || email.pristine || email.untouched" class="error">
Email is invalid!
</div>