AngularJS Forms Validation
-
Upload
sunny-sharma -
Category
Education
-
view
291 -
download
0
Transcript of AngularJS Forms Validation
![Page 1: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/1.jpg)
AngularJS Forms using
ASP.NET MVC + Bootstrap
C# Corner - Delhi Chapter 2nd Aug-2015
![Page 2: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/2.jpg)
Agenda• Bootstrap validation classes• Angular validation classes• Angular Validation Directives• How to use them?
![Page 3: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/3.jpg)
Bootstrap validation classes• has-success
• has-warning
• has-error
![Page 4: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/4.jpg)
Angular validation classes
• ng-valid
• ng-invalid
• ng-pristine
• ng-dirty
• ng-touched
• ng-untouched
![Page 5: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/5.jpg)
Angular Validation Directives
ng-required ng-minlength ng-maxlength ng-pattern
Input Types: email url number
![Page 6: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/6.jpg)
$valid (the field value is VALID)
![Page 7: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/7.jpg)
$invalid (the field value is NOT VALID)
![Page 8: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/8.jpg)
$pristine(the control is yet to interact)
![Page 9: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/9.jpg)
$dirty(the field value has CHANGED)
![Page 10: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/10.jpg)
ng-touched (the control is tabbed off)
![Page 11: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/11.jpg)
ng-untouched(the control has not been tabbed off)
![Page 12: AngularJS Forms Validation](https://reader036.fdocuments.in/reader036/viewer/2022081604/58819d571a28ab1a398b47e7/html5/thumbnails/12.jpg)
Thank You!