Get all validation errors from Angular 2 FormGroup

by

I met the same problem and for finding all validation errors and displaying them, I wrote this method:

getFormValidationErrors() {
  Object.keys(this.productForm.controls).forEach(key => {
    const controlErrors: ValidationErrors = this.productForm.get(key).errors;
    if (controlErrors != null) {
      Object.keys(controlErrors).forEach(keyError => {
       console.log('Key control: ' + key + ', keyError: ' + keyError + ', err value: ', controlErrors[keyError]);
      });
    }
  });
}

Form name productForm should be changed to your form instance name.

It works in this way: we get all our controls from the form in format {[p: string]: AbstractControl} and iterate by each error key, to get details of error. It skips null error values.

It also can be changed for displaying validation errors on the template view, just replace console.log(..) to what you need.

More Related Contents:

  1. Angular2 – FormControl Validation on blur
  2. How to validate white spaces/empty spaces? [Angular 2]
  3. Dynamically add event listener
  4. I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular
  5. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  6. Use component from another module
  7. Angular and Typescript: Can’t find names – Error: cannot find name
  8. Min / Max Validator in Angular 2 Final
  9. Angular 2 Scroll to top on Route Change
  10. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  11. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  12. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  13. async/await in Angular `ngOnInit`
  14. Angular 2 Form “Cannot find control with path”
  15. vs
  16. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  17. Angular 2 Basic Authentication not working
  18. How to smooth scroll to page anchor in angular 4 without plugins properly?
  19. Angular 2 + Ionic 2: Detect if an object was modified
  20. Http.get() working but not working in build(Release/Debug) in Ionic 4
  21. Property ‘json’ does not exist on type ‘Object’
  22. inject() must be called from an injection context
  23. Update parent component property from child component in Angular 2
  24. How to use variable to define templateUrl in Angular2
  25. Behaviour subject initial value null?
  26. Property ‘toPromise’ does not exist on type ‘Observable’
  27. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  28. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  29. Page transition animations with Angular 2.0 router and component interface promises
  30. Angular load external configuration before AppModule loads

Leave a Comment