angular validator code example

Example 1: 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 2: validation minlength angular

Validators.minLength(9)

Example 3: formgroup check if valid

form: FormGroup;

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

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

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

Example 5: angular number validation

ng-pattern="re"

Tags:

Misc Example