show validation error messages on submit in angularjs

by

I found this fiddle http://jsfiddle.net/thomporter/ANxmv/2/ which does a nifty trick to cause control validation.

Basically it declares a scope member submitted and sets it true when you click submit. The model error binding use this extra expression to show the error message like

submitted && form.email.$error.required

UPDATE

As pointed out in @Hafez’s comment (give him some upvotes!), the Angular 1.3+ solution is simply:

form.$submitted && form.email.$error.required

More Related Contents:

  1. How to validate inputs dynamically created using ng-repeat, ng-show (angular)
  2. AngularJS: How do I manually set input to $valid in controller?
  3. Angular form validation ng-disabled not working
  4. angularjs form reset error
  5. Why does setting ng-model to undefined not make the form/input valid again?
  6. What is Hungarian Notation? [duplicate]
  7. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  8. how to split the ng-repeat data with three columns using bootstrap
  9. What is the correct syntax of ng-include?
  10. What is the difference between compile and link function in angularjs
  11. AngularJS – ng-disabled not working for Anchor tag
  12. AngularJS – how to get an ngRepeat filtered result reference
  13. What is the $$ (double dollar sign) used for in angular?
  14. How do you serve a file for download with AngularJS or Javascript?
  15. Angular 2: Callback when ngFor has finished
  16. adding and removing classes in angularJs using ng-click
  17. How does the $resource `get` function work synchronously in AngularJS?
  18. Using Jquery Datatable with AngularJs
  19. How to debug angular protractor tests in WebStorm
  20. What’s the difference/incompatibility between ng-model and ng-value?
  21. How can I tell AngularJS to “refresh”
  22. What is the angularjs way to databind many inputs?
  23. $watch’ing for data changes in an Angular directive
  24. Using jqgrid with popover from angular ui bootstrap
  25. $http.get(…).success is not a function
  26. Open links in new window using AngularJS
  27. What are “decorators” and how are they used?
  28. AngularJS ng-src inside of iframe
  29. Angular controller scope not updating after jQuery ajax call
  30. Blob download is not working in IE

Leave a Comment