gpt4 book ai didi

angular - 当焦点从 Angular 输入中移出时触发验证?

转载 作者:太空狗 更新时间:2023-10-29 18:15:47 25 4
gpt4 key购买 nike

当我们不断在文本框中输入时,电子邮件验证被触发。我希望在用户将焦点移出文本框时触发此验证

下面是我的代码:

<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'}">

react 形式:

new FormControl('', {updateOn: 'blur'});

如果您设置了验证器:

new FormControl('', {validators: [Validators.required, Validators.email], updateOn: 'blur'})

Source: https://angular.io/guide/form-validation#note-on-performance

关于angular - 当焦点从 Angular 输入中移出时触发验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46297130/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com