angular.js form validation in controller

Question

I got this form:

<form ng-controller="SomeCtrl as some" name="product[[product.id]]" ng-submit="some.addToCart(something, product[[product.id]].$valid)" novalidate></form>

Then html looks like:

<form ng-controller="SomeCtrl as some" name="product1" ng-submit="some.addToCart(something, product1.$valid)" novalidate=""></form>

Controller:

this.addToCart = function(something, isValid) {
    console.log(isValid);
}

isValid is always undefined. How to detect if form is valid in controller?

Nope, in that example it's disabling submit button, but I don't want to do that, I want to check in controller $valid status — dontHaveName
– dontHaveName, Commented Apr 28, 2015 at 21:24

tpie · Accepted Answer · 2015-04-29 03:23:10Z

5

Demo You don't want to use ng-submit if you want to do your own validation in the controller because it will block the submission of the form if it is invalid.

Just use a regular button with a function in ng-click that checks the condition of the form.

Controller:

  $scope.submit = function() {
    console.log($scope.myForm.$valid)
  }

HTML

<form name="myForm">
  <input ng-model="myForm.text" type="text" required />
  <button ng-click="submit()">Submit</button>
</form>

answered Apr 29, 2015 at 3:23

tpie

6,2393 gold badges24 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

angular.js form validation in controller

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