I am new to AngularJS. Last month I had to write some complex web Form for our website. Naturally, I used jQuery + jQuery Validation Plugin + jQuery UI. The script with jQuery was very unorganized and not maintainable. I started looking for a better way. I read about AngularJS and found that it fits my needs. I wanted to publish the source code of what I have already accomplished, because as a beginner in the AngularJS world, not all of the solutions are easy to find.
CodePen
GitHub
Have fun!
What do we have here?
- Multi-step form with CSS transition animations.
- AngularJS Script without any jQuery.
- Native AngularJS form validation (e-mail validation, required field validation,password pattern).
- Custom Tooltip-like error display (CSS only).
- The form is styled with Bootstrap CSS.
- A custom AngularJS directive "passwordMatch", verifying that the "Password" field equals to "Confirm Password" field. (From Roger Alsing Weblog)
- The Security Questions are generated from a JSONP Ajax call (That works on a old IE browser and even without the "Access-Control-Allow-Origin" header!).
Source Code + Live Example
CodePen
GitHub
Have fun!
Hey, I'm looking for a Front End developer to join the R&D team in SupersonicAds.
ReplyDeleteWe relay heavily on Angular.js and its a plesure :)
- contact me: Amir at supersonicads
Good effort! :)
ReplyDelete