Angular conditional validation demos

Simple on/off validation

Text input

Enable validation

Validator	Enabled	Status
`required`	YES NO	OK ERROR
`ng-minlength="4"`	YES NO	OK ERROR
`ng-maxlength="5"`	YES NO	OK ERROR
`pattern="abcd"`	YES NO	OK ERROR

Individual validator selection

Text input

Enable minlength validator

Enable maxlength validator

Enable other validators

Validator	Enabled	Status
`required`	YES NO	OK ERROR
`ng-minlength="4"`	YES NO	OK ERROR
`ng-maxlength="5"`	YES NO	OK ERROR
`pattern="abcd"`	YES NO	OK ERROR

Function based validation condition

Number input

Enable minlength validator

Enable maxlength validator

Enable the minlength and maxlength validators to enable the patternvalidator.

Validator	Enabled	Status
`ng-minlength="4"`	YES NO	OK ERROR
`ng-maxlength="4"`	YES NO	OK ERROR
`pattern="1337"`	YES NO	OK ERROR