AngularJS Forms using

ASP.NET MVC + Bootstrap

C# Corner - Delhi Chapter 2nd Aug-2015

Agenda• Bootstrap validation classes• Angular validation classes• Angular Validation Directives• How to use them?

Bootstrap validation classes• has-success

• has-warning

• has-error

Angular validation classes

• ng-valid

• ng-invalid

• ng-pristine

• ng-dirty

• ng-touched

• ng-untouched

Angular Validation Directives

ng-required ng-minlength ng-maxlength ng-pattern

Input Types: email url number

$valid (the field value is VALID)

$invalid (the field value is NOT VALID)

$pristine(the control is yet to interact)

$dirty(the field value has CHANGED)

ng-touched (the control is tabbed off)

ng-untouched(the control has not been tabbed off)

Thank You!