If you are a visual learner check out the videos below
In this AngularJS Article we will introduce the built-in Angular form validation and in particular we will focus on state properties of forms and fields.
Creating a robust validation system can be frustrating, boring and very dangerous if not done the right way. Every UX developer knows that the typical user fills forms without paying attention.
For example, a user might insert dates in wrong format or alphanumeric characters in a numeric field and so on; that’s why AngularJS provides an easy way to validate data as well as driving the user in filling in form data; in these series of articles I’m going to show you some very useful techniques to validate forms.
That said, what AngularJS can do for us? It provides a full set of tool to validate data and in this post we will talk about form and fields properties that represents the state of those objects.
First of all, in order to activate the angular validation we have to disable the native HTML validation by adding the novalidate attribute to the form tag.