Angular Js Clear Form

Question

After filling all mandatory field of form submit button is Enable.

When i clear the form all date is clearing but submit button Still Enable.

Here is myForm :

**<form id="payment-form" name="creditPaymentForm">
    <input type="text" ng-model="cardcno" ng-minlength="15" required="">
    <input type="text" ng-model="cardcvv" ng-minlength="3" required="">
    <input type="text" ng-model="cardexp" ng-minlength="6" required="">
    <button type="submit" ng-click="submitForm()" ng-disabled="creditPaymentForm.$invalid">Submit</button>**
    <button type="reset"  ng-click="creditPaymentForm.$setPristine();">Clear</button>
</form>

remove $scope from ng-click on clear

nmanikiran
– nmanikiran

2016-09-28 09:05:34 +00:00
Commented Sep 28, 2016 at 9:05 — nmanikiran
– nmanikiran, Commented Sep 28, 2016 at 9:05
Tried That, Still Coming as Valid.

Snopzer
– Snopzer

2016-09-28 09:11:04 +00:00
Commented Sep 28, 2016 at 9:11 — Snopzer
– Snopzer, Commented Sep 28, 2016 at 9:11

AbhiGoel · Accepted Answer · 2016-09-28 12:31:46Z

1

Workine fine for me

i have also intialize the values in the controller like this

  $scope.cardcno = "";
  $scope.cardcvv = "";
  $scope.cardexp = "";

Here is a working fiddle:

JSFIDDLE

answered Sep 28, 2016 at 12:31

AbhiGoel

2011 silver badge6 bronze badges

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

1 Comment

Snopzer Over a year ago

You are Right, we should not user ` $scope.creditPaymentForm = {}; `, its making the complete Object Empty

Collectives™ on Stack Overflow

Angular Js Clear Form

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related