角反应形式设置并清除验证器 [英] Angular reactive forms set and clear validators
问题描述
请协助,我想删除表单中的所有验证器,请告知是否可能,如果您有20个或更多的窗体控件组,那么删除验证器的更好方法是什么,请参见下面的示例./p>
Please assist, i want to remove all validators in form, Please advise if its possible or not and if not whats the better way to remove validators if you have a form Group of 20 or more form controls, see example below.
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()
来将它们重新设置.我知道我可能会要求独角兽,但在formGroup具有20个或更多控件的情况下,清除和设置验证器可能会很痛苦,因此,将非常感谢有关如何处理此类情况的地图.
The above method addValidators()
will add validators and removeValidators()
will remove validators when executed. but the problem i have is, i have to specify the form control im trying to clear validators. is there a way to just do this.exampleFormGroup.clearValidators();
and clear all in the form and again this.exampleFormGroup.setValidators()
to set them back. i know i may be asking for a unicorn but in a scenario where the formGroup has 20 or more controls clearing and setting validators can be painful so a map on how to handle such scenarios will be much appreciated.
推荐答案
您可以执行以下操作:
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();
}
}
这篇关于角反应形式设置并清除验证器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!