在Angular Reactive Forms中使用updateOn：’blur’

发布时间：2020-12-17 17:30:19 所属栏目：安全来源：网络整理

导读：我想仅在用户离开字段(onblur)时才开始验证表单的字段. 我正在尝试这种方式： this.profileForm = this.fb.group({ firstName: ['initial value',[Validators.required,Validators.minLength(2),forbiddenNameValidator(/bob/i)],[forbiddenNameValidatorAsy

我想仅在用户离开字段(onblur)时才开始验证表单的字段.

我正在尝试这种方式：

this.profileForm = this.fb.group({
            firstName: ['initial value',[Validators.required,Validators.minLength(2),forbiddenNameValidator(/bob/i)],[forbiddenNameValidatorAsync()],{ updateOn: 'blur' }
            ],lastName: ['b']
        });

但是这样它就行不通了.
验证(同步和异步)在onChange期间执行.

我还想问一下如何通过检查姓氏来验证名称.
示例：如果名称字段与姓氏相同(仅名称字段,而不是整个表单而不是两个字段),我希望禁用名称字段

解决方法

将params设为 AbstractControlOptions

firstName: ['initial value',{
     validators: [Validators.required,asyncValidators: [forbiddenNameValidatorAsync()],updateOn: 'blur'
}],

这里的例子https://stackblitz.com/edit/angular-hdna17?file=src%2Fapp%2Fhello.component.ts

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!