gpt4 book ai didi

Angular 响应式表单设置和清除验证器

转载 作者:太空狗 更新时间:2023-10-29 17:29:55 26 4
gpt4 key购买 nike

请协助,我想删除表单中的所有验证器,请告知是否可能,如果不能,如果您有一个包含 20 个或更多表单控件的表单组,那么删除验证器的更好方法是什么,请参见下面的示例。

 ngOnInit() {
this.exampleFormGroup = this.formBuilder.group({
surname: ['', [Validators.required, Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]],
initials: ['', [Validators.required, Validators.maxLength(4)]]
});
}

public removeValidators() {
this.exampleFormGroup.get('surname').clearValidators();
this.exampleFormGroup.get('initials').clearValidators();
this.exampleFormGroup.updateValueAndValidity();
}

public addValidators() {
this.exampleFormGroup .get('surname').setValidators([Validators.required,Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]);
this.exampleFormGroup.get('initials').setValidators([Validators.required, Validators.maxLength(4)]);
this.exampleFormGroup.updateValueAndValidity();
}

上述方法 addValidators() 将添加验证器,而 removeValidators() 将在执行时删除验证器。但我遇到的问题是,我必须指定试图清除验证器的表单控件。有没有办法只执行 this.exampleFormGroup.clearValidators(); 并清除表单中的所有内容,然后再次 this.exampleFormGroup.setValidators() 将它们设置回来。我知道我可能想要一个独 Angular 兽,但在 formGroup 有 20 个或更多控件的情况下,清除和设置验证器可能会很痛苦,因此非常感谢关于如何处理此类情况的 map 。

最佳答案

你可以这样做:

validationType = {
'surname': [Validators.required, Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')],
'initials': [Validators.required, Validators.maxLength(4)]
}

ngOnInit() {
this.exampleFormGroup = this.formBuilder.group({
surname: ['', [Validators.required, Validators.pattern('^[\\w\\s/-/(/)]{3,50}$')]],
initials: ['', [Validators.required, Validators.maxLength(4)]]
});
}

public removeValidators(form: FormGroup) {
for (const key in form.controls) {
form.get(key).clearValidators();
form.get(key).updateValueAndValidity();
}
}


public addValidators(form: FormGroup) {
for (const key in form.controls) {
form.get(key).setValidators(this.validationType[key]);
form.get(key).updateValueAndValidity();
}
}

关于Angular 响应式表单设置和清除验证器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51300628/

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