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: https://angular.io/api/forms/AbstractControl#markasuntouched (well you need loop over all the FormControls in your FormGroup) — Eliseo, Jul 07 '21 at 21:06

score 2 · Answer 1 · answered Jul 07 '21 at 20:45

2

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 07 '21 at 20:45

Hary

score -1 · Answer 2 · answered Apr 03 '19 at 18:44

-1

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

answered Apr 03 '19 at 18:44

Rahul Jujarey

2 Answers2