Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Get all validation errors for Angular FormGroup
import { FormGroup, ValidationErrors } from '@angular/forms';
export function getFormValidationErrors(form: FormGroup) {
const result = [];
Object.keys(form.controls).forEach(key => {
const controlErrors: ValidationErrors = form.get(key).errors;
if (controlErrors) {
Object.keys(controlErrors).forEach(keyError => {
result.push({
'control': key,
'error': keyError,
'value': controlErrors[keyError]
});
});
}
});
return result;
}
@stossenbrink
Copy link

stossenbrink commented Jul 19, 2019

You might want to remove that space after the key "control " (drove me crazy)

@JohannesHoppe
Copy link
Author

JohannesHoppe commented Jul 19, 2019

wow! that's evil! 😄

(fixed)

@domagoj03
Copy link

domagoj03 commented Oct 14, 2019

Thanks. I needed support for nested forms so I forked your gist.
https://gist.github.com/domagoj03/befeb17c17ff3ede2d36b8f59f0ad6a6
It can even be modified to namespace errors depending on form but right now this seems sufficient.

@WildChildForLife
Copy link

WildChildForLife commented Feb 14, 2022

Useful, thanks !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment