simple angular validation doesn't work

Question

Why doesn't validation work? It's pretty simple:

<div ng-app ng-controller="formCtrl" >
    <form name="productForm" ng-submit="addCartItem()" novalidate >
       <input type="text" name="quantity" ng-maxlength="2" required novalidate />
        <span class="error" ng-show="productForm.quantity.$error.required">Required!</span>
        <input id="submitProductForm" type="submit"  />
    </form>
</div>

function formCtrl($scope){
    $scope.addCartItem = function(){
        alert(productForm.$error);
    }
}

Here the link to jsfiddle: http://jsfiddle.net/ogwsa5wn/

take a look at my answer

Nidhish Krishnan
– Nidhish Krishnan

2015-08-04 10:19:14 +00:00
Commented Aug 4, 2015 at 10:19 — Nidhish Krishnan
– Nidhish Krishnan, Commented Aug 4, 2015 at 10:19

Nidhish Krishnan · Accepted Answer · 2015-08-04 10:33:20Z

4

you have forgot to add ng-model to input textfield

just use

<input type="text" ng-model="quantity" name="quantity" ng-maxlength="2" required novalidate />

instead of

<input type="text" name="quantity" ng-maxlength="2" required novalidate />

Working JSfiddle

edited Aug 4, 2015 at 10:33

answered Aug 4, 2015 at 10:18

Nidhish Krishnan

20.8k6 gold badges67 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

simple angular validation doesn't work

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