请协助,我想删除表单中的所有验证器,请告知是否可能,如果不可能,如果您有一个包含 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()
让他们回来?我知道我可能会要求独角兽,但在 formGroup 有 20 个或更多控件的情况下,清除和设置验证器可能会很痛苦,因此非常感谢有关如何处理此类情况的地图。
你可以这样做:
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();
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)