Angular Clear form control errors

Question

How to clear the errors on form control. I have a method that tries to clear the errors on the form control but in vain.

this.form.controls[ 'postalCode' ].setErrors(null);

The form control name is postalCode and when I set the error to null, it doesn't remove the error from that control.

generally the errors are showed only if the control is invalid and touched, so the idea is markAsUntouched the FormControls: angular.io/api/forms/AbstractControl#markasuntouched (well you need loop over all the FormControls in your FormGroup) — Eliseo
– Eliseo, Commented Jul 7, 2021 at 21:06

Hary · Accepted Answer · 2021-07-07 20:45:02Z

3

To clear all the errors

this.form.get('postalCode').setErrors(null);

To clear by its key

this.form.get('postalCode').setErrors({key: null});
this.form.get('postalCode').updateValueAndValidity(); //may need this in child components

answered Jul 7, 2021 at 20:45

Hary

5,8368 gold badges49 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rahul Jujarey · Accepted Answer · 2019-04-03 18:44:35Z

-1

try doing this.form.controls[ 'postalCode' ].setErrors({});

answered Apr 3, 2019 at 18:44

Rahul Jujarey

1991 silver badge4 bronze badges