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

前端之家收集整理的这篇文章主要介绍了在Angular Reactive Forms中使用updateOn:’blur’前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想仅在用户离开字段(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

猜你在找的Angularjs相关文章