angular.js ng-form subform validation error in parent form

Question

I have a form.

<form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate>

It is called "canForm" as above.

Within this form.. I need a subform for a repeating block of requirements.

I define this form

<div ng-form="licencesForm">

within the "canForm" above.

When I submit the licencesForm for my repeating block I make sure that I set form.$setPristine() in the controller.

However, when I submit the main canForm, this form picks up on the required fields in my subform and says the main form is invalid.

I cannot understand this. The ng-form directive should be an isolated scope and the parent form should not pick up on the validation requirements of the fields in this subform right?

If the subform is valid, the main form should also be valid shouldn't it?

See http://plnkr.co/edit/gkbJNAV95MQ9SGLeMvlg?p=preview

When you add something in the subform it sets the form to $setPristine() and the subform is valid but clicking submit the main form says the form is not valid even though the subform is valid?

Nitu Bansal · Accepted Answer · 2013-09-27 06:39:16Z

7

if there is a parent form and sub form then parent form will be valid only when all subforms are valid..

    <form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate>

and there is a subform

    <div ng-form="licencesForm">

then canForm will be valid only when all licencesForm will be valid.

answered Sep 27, 2013 at 6:39

Nitu Bansal

3,8563 gold badges20 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

markstewie Over a year ago

See this plnkr.co/edit/gkbJNAV95MQ9SGLeMvlg?p=preview. I am setting the subform to $setPristine() which sets the licencesForm to valid

Binu Raman Over a year ago

@markstewie your plnkr code was really helpful. It would be really nice if you could post the code here itself, as an answer for the question.

Collectives™ on Stack Overflow

angular.js ng-form subform validation error in parent form

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related