Angular conditional validation demos

Simple on/off validation

Validator Enabled Status
required
ng-minlength="4"
ng-maxlength="5"
pattern="abcd"

Individual validator selection



Validator Enabled Status
required
ng-minlength="4"
ng-maxlength="5"
pattern="abcd"

Function based validation condition


Enable the minlength and maxlength validators to enable the patternvalidator.
Validator Enabled Status
ng-minlength="4"
ng-maxlength="4"
pattern="1337"