角度反应形式设置和清除验证器
发布时间:2020-12-17 17:34:34 所属栏目:安全 来源:网络整理
导读:请协助,我想删除表格中的所有验证人,请告知是否可能,如果您有表格组20或更多表单控件,如果不是更好的方法删除验证器,请参阅下面的示例. ngOnInit() { this.exampleFormGroup = this.formBuilder.group({ surname: ['',[Validators.required,Validators.patte
请协助,我想删除表格中的所有验证人,请告知是否可能,如果您有表格组20或更多表单控件,如果不是更好的方法删除验证器,请参阅下面的示例.
ngOnInit() { this.exampleFormGroup = this.formBuilder.group({ surname: ['',[Validators.required,Validators.pattern('^[ws/-/(/)]{3,50}$')]],initials: ['',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,50}$')]); this.exampleFormGroup.get('initials').setValidators([Validators.required,Validators.maxLength(4)]); this.exampleFormGroup.updateValueAndValidity(); } 上面的方法addValidators()将添加验证器,removeValidators()将在执行时删除验证器.但我遇到的问题是,我必须指定表单控件我试图清除验证器.有没有办法做这个.exampleFormGroup.clearValidators();并清除窗体中的所有内容,再次使用this.exampleFormGroup.setValidators()将它们设置回来.我知道我可能会要求一个独角兽,但在formGroup有20个或更多控件的情况下,清除和设置验证器可能会很痛苦,因此非常感谢如何处理这些场景的地图. 解决方法
你可以这样做:
validationType = { 'surname': [Validators.required,50}$')],'initials': [Validators.required,Validators.maxLength(4)] } ngOnInit() { this.exampleFormGroup = this.formBuilder.group({ surname: ['',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(); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |