angular formgroup validation code example

Example 1: angular formgroup validate manually

//Validate all the form group
this.form.updateValueAndValidity();

//Validate only one form control
this.form.controls['formControlName'].updateValueAndValidity();

Example 2: how to add validator to formgroup

this.myForm = this.formBuilder.group({
        myControl1: this.defaultValue,
        myControl2: this.defaultValue
      });
      debugger
      this.myForm.setValidators(this.comparisonValidator())
}

 public comparisonValidator() : ValidatorFn{
       return (group: FormGroup): ValidationErrors => {
          const control1 = group.controls['myControl1'];
          const control2 = group.controls['myControl2'];
          if (control1.value !== control2.value) {
             control2.setErrors({notEquivalent: true});
          } else {
             control2.setErrors(null);
          }
          return;
    };

Example 3: validation minlength angular

Validators.minLength(9)

Example 4: angular9+how+to+add+validators

this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]);