Use the debug option to ease setting up validation rules, it always prevents the default submit, even when script errors occur.
Clicking on the next button of Personal Information will hide this div and show the Address Details and so on. I worked through this problem once--it's a major pain. But, basically, you have to write a validation function that loops through all child elements from a certain start point and call the .validate() method on them.The knee-jerk reaction is to try to dynamically add names to the input like name="test"... The idea is simple, on each repeated element, add an ng-form directive with a name.Then inside that, you can now reference inputs by name on that subform. I'm not going to get too much more verbose with it than that.By default, the invisible fields belonging to inactive regions will be ignored by Form Validation, we need to set . In order to validate particular region, we can use validate Container(container) method.
Then use is Valid Container(container) method to determine the container is valid or not.Use error Class, error Element, wrapper, error Label Container, error Container, show Errors, success, error Placement, highlight, unhighlight, and ignore Title to control how invalid elements and error messages are displayed.