AngularJS Forms, check validity

Question

I have a form and want to test the validity of the form. I have a function in the controller that checks for $valid

$scope.checkValid = function(){
    console.log($scope.form.address)
    console.log($scope.form.address.$valid);
    if($scope.form.address.$valid){ 
       dosomething();
     }
 }

The dosomething() does nothing!! The first console.log produces a Constructor object with the valid as true.

$valid: true

yet the second console log displays FALSE!

Why would this happen? I cant figure it out and google has no answers.

Any advice appreciated.

By "The dosomething() does nothing!!" you do mean "The dosomething() is never called!!" ? — MarcoS
– MarcoS, Commented Dec 17, 2014 at 13:35
here is a basic jsfiddle jsfiddle.net/xyorzghz/14 As you can see in the html its true but in the controller it doesnt do the $scope.dosomething(); — Ant
– Ant, Commented Dec 17, 2014 at 14:01

Nehalem · Accepted Answer · 2014-12-17 14:47:55Z

1

You want to validate form validity, and thats variable "formName.$valid" in form´s scope.

You really should provide jsfiddle as others mentioned, because you didnt specified, where and how are you using this method checkValid();

You can see any validation errors in "formName.$error"

UPDATE on your fiddle:

You didnt set any watcher on that validity variable

Repaired working fiddle is here: Working example

Or, you can use "ng-change='inputChanged(event)' " on that input and check validity there.

edited Dec 17, 2014 at 14:47

answered Dec 17, 2014 at 13:49

Nehalem

607 bronze badges

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

4 Comments

Ant Over a year ago

Apologies on that, I have one now in the above comments.

Ant Over a year ago

Thanks for the update. What I am trying to do though is evaluate the forms validity before the user inputs any information.

Nehalem Over a year ago

Thing is, that form is not loaded after controller starts, so you cannot get form in scope yet. But you can wrap check into timeout service, example: Fiddle

Ant Over a year ago

This was the exact answer I was looking for. Thank you. It all works now.

Collectives™ on Stack Overflow

AngularJS Forms, check validity

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related