How to validate a form using angularjs

Now days angularjs is the good front-end framework. In this post i will explain how to validate a form using angularjs. Lets create a sinple form and validate using angularjs.

Angularjs form validation

Angular js text box validation using $touched and used ng-show directive to only show the error message. Include angularjs file within head tag of your page. Copy below angularjs file and add in your page.

angularjs-form-validation

Create index.html

I have used $touched directive to validate the textbox. Now create a index.html file and copy paste below code.

See the live demo and then download the complete code from below link.
Live demo Download

If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

Recommended Posts:


Prem Tiwari

An engineer by profession and a passionate blogger by heart. Founder of FreeWebMentor.com (A Programming blog for beginners), Tech Speaker at various forums. A part from this he is an open source enthusiast, WordPress Lover, Blogger, SEO, and Growth Strategic.

Article Tags: , , , , ,