当我们不断在文本框中输入内容时,电子邮件验证将被触发。我希望当用户将焦点移出文本框时触发此验证
下面是我的代码:
<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>
请建议我如何实现这一目标。
提前致谢。
从版本 6+ 开始,可以通过以下方式设置表单字段验证updateOn
财产。
使用模板驱动的表单:
<input [(ngModel)]="name" [ngModelOptions]="{updateOn: 'blur'}">
对于反应形式:
new FormControl('', {updateOn: 'blur'});
如果您设置了验证器:
new FormControl('', {validators: [Validators.required, Validators.email], updateOn: 'blur'})
Source: https://angular.io/guide/form-validation#note-on-performance https://angular.io/guide/form-validation#note-on-performance
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)