How can I validate reactive form controls programmatically?

Question

I have a FormGroup object of my reactive form. Now I want to trigger the form validation programmatically.

I already check the form with this code, but my control css status classes aren't set, like it's done when I click the control and click outside the control.

if (!this.formGroup.valid) {
  // TODO: Fix that invalid controls don't get highlighted
  return;
}

Answer 1

You can programmatically trigger the validator using the following.

this.formGroup.controls['controlNameHere'].markAsTouched();