当从角度输入中聚焦时触发验证? [英] Fire validation when focus out from input in angular?
本文介绍了当从角度输入中聚焦时触发验证?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在我们继续在文本框中输入内容时,电子邮件验证已被触发.我希望当用户将焦点移到文本框之外时触发此验证
Email validation is being fired as we keep typing in textbox. I want this validation to be fired when user focuses out of the textbox
下面是我的代码:
<input class="form-control" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"
name="Email" type="email" [(ngModel)]="model.Email" #Email="ngModel" required>
<div class="red" *ngIf="Email.errors && (Email.dirty || Email.touched)">
<div [hidden]="!Email.errors.pattern">
Please enter a valid email.
</div>
</div>
请建议我如何实现此目标. 预先感谢.
Please suggest me how can I achieve this. Thanks in advance.
推荐答案
从版本6+开始,可以通过updateOn
属性设置表单字段验证.
Starting with the version 6+ form field validation can be set via updateOn
property.
使用模板驱动的表单:
<input [(ngModel)]="name" [ngModelOptions]="{updateOn: 'blur'}">
具有反应形式:
new FormControl('', {updateOn: 'blur'});
并且如果您设置了验证器:
And if you have validators set:
new FormControl('', {validators: [Validators.required, Validators.email], updateOn: 'blur'})
这篇关于当从角度输入中聚焦时触发验证?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文