formgroup touched angular code example

Example 1: angular formgroup mark as touched

// From Angular 8/9 you can simply use
this.formGroup.markAllAsTouched();


/**
 * For version older than Angular 8
 * Marks all controls in a form group as touched
 * @param formGroup - The form group to touch
 */
private markFormGroupTouched(formGroup: FormGroup) {
  (<any>Object).values(formGroup.controls).forEach(control => {
    control.markAsTouched();

    if (control.controls) {
      this.markFormGroupTouched(control);
    }
  });
}

Example 2: formgroup check if valid

form: FormGroup;

onSubmit(){
    //checks if form is valid
       if( this.form.valid){
          //more code here
        }
}