Angular form validation won't trigger

Question

I'm trying to get the form validation on -URL REMOVED- to trigger when I submit and it's not. I believe I have things setup correctly but am clearly missing something.

Are you trying to run actual validations with callbacks etc, or just prevent the form from being submitted with invalid fields/mark invalid fields red? — Abraham P
– Abraham P, Commented Aug 7, 2013 at 18:00

Christopher Marshall · Accepted Answer · 2013-08-07 17:55:39Z

1

Looks like angularjs requires a model bound on an input to use the validation.

See http://jsfiddle.net/adamdbradley/Qdk5M/

Try removing ng-model="email", run, and you'll notice the validation no longer works.

<input type="email" id="inputEmail" placeholder="Email" ng-model="email" required>

vs

<input type="email" id="inputEmail" placeholder="Email"  required>

edited Aug 7, 2013 at 17:55

answered Aug 7, 2013 at 17:36

Christopher Marshall

10.7k10 gold badges57 silver badges95 bronze badges

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

2 Comments

Ben Over a year ago

I'm trying to use Angular's validation. My understanding is that in order to use Angular's and not the HTML5 validation I need the attribute novalidate

Christopher Marshall Over a year ago

Interesting, I've never used that attribute on my angular forms, but I see that in the docs.

Collectives™ on Stack Overflow

Angular form validation won't trigger

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related