Not validating new controls after submitting form in angularjs

Question

We have a form which we are submitting on save button. There are some validation firing on save. We are submitting form using $scope.isSubmitted= true and $scope.watch on $scope.isSubmitted for error highlighting

After submitting and validating the form, if there is any new controls add to form on the basis of ng-if condition the new controls are also validated. So my question is how to prevent new controls which being added after submitting the form to validate and only validate after resubmit.

Please provide current status as fiddle

artgb
– artgb

2017-10-27 03:22:00 +00:00
Commented Oct 27, 2017 at 3:22 — artgb
– artgb, Commented Oct 27, 2017 at 3:22

Nicolas S. · Accepted Answer · 2017-10-27 10:00:52Z

0

The problem is that when you add new "controls", you update your scope which is then re-evaluate. $scope.isSubmitted being true (and maybe yourForm.$submitted too) new values are verified on the fly.

Setting $scope.isSubmitted & yourForm.$submitted to false before adding "controls" should solve your issue.

answered Oct 27, 2017 at 10:00

Nicolas S.

3291 gold badge3 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

Not validating new controls after submitting form in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related