How to reset validation after submitting a form in AngularJS?

Question

I have one input field:

<input type="text" name="title" ng-model="genreData.title" class="form-control"
        ng-class="{'error': addGenreForm.title.$invalid && !addGenreForm.title.$pristine}"
       placeholder="Genre name" ng-minlength="minlength" required autofocus>

When I succesfully submit form this input is got class="error" after this:

$scope.genreData = {};

How can I fix it?

Could you share the function which submits the form? A pseudo code could be fine. — lealceldeiro
– lealceldeiro, Commented Feb 2, 2017 at 13:17

korteee · Accepted Answer · 2017-02-02 13:32:17Z

1

You've got to inject the form in the ng-submit function and then call the form's controller built in function $setPristine().

e.g.

View:

<form name="myForm" ng-submit="submitForm(myForm)">
   <!--Input Fields-->
</form>

Controller:

$scope.submitForm = function(form) {
   //Do what ever I have to do
   //Then reset form
   form.$setPristine();
}

answered Feb 2, 2017 at 13:32

korteee

2,7122 gold badges21 silver badges25 bronze badges

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

Comments

nishant agrawal · Accepted Answer · 2017-02-02 13:21:20Z

0

I think setting

$scope.addGenreForm.$setPristine() and $scope.addGenreForm.$setUntouched

can work after submitting your form

Please share some plunker so I can help more if you still have any issues

answered Feb 2, 2017 at 13:21

nishant agrawal

4712 silver badges7 bronze badges

2 Comments

Darama Over a year ago

Where to add this?

nishant agrawal Over a year ago

in your submmitform() function, after you have successfully submitted form

Collectives™ on Stack Overflow

How to reset validation after submitting a form in AngularJS?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related