Finding out Angular.js Form validation errors the easy way

Today I was having an issue with one of my forms misbehaving (or so I thought) while validating errors. The Submit button is disabled by default if there are any vaidation errors. But where are these errors coming from?

Then I asked help from a friend (thanks Jon MacInnes) who showed me a very clever code snippet for figuring out what validation is doing on my form. If you, like me, have similar issues, just inject the following piece of code in your form and debug away

Make sure you change the form name and the position to fit your needs. This little gem will output something like this:

A short and easy one today. Let me know in the comments if you have a better idea for troubleshooting Angular validation errors.

  • Share this post on
comments powered by Disqus