AngularJS Form Validation Directive $setValidity on element

Question

I'm trying to use $setValidity on an element in a directive. All the examples I've found seem to set it on the controller...

I forked a JS fiddle on Form Validation and have tried a bunch of things. Any insights would be most appreciated: http://jsfiddle.net/thomporter/pmKpG/2/

In the fiddle, the $setValidity is called on the controller:

ctrl.$setValidity('pwd', true);

I'd like to do something like:

elm.$setValidity('pwd', true);

so that in the form I can do something like:

ng-class="{error:form.password.$error.pwd}"

jojo · Accepted Answer · 2017-09-29 01:02:13Z

60

I figured it out... You have to have a name on the input elements. As soon as I added the name, the errors were automatically bound to the elements as desired, no additional changes needed!

<input ng-model="password"
       name="inputPassword"
       class="immediate-help"
       password-validate
       required
       type="password"
       id="inputPassword"
       placeholder="Password">

http://jsfiddle.net/thomporter/pmKpG/4/

edited Sep 29, 2017 at 1:02

jojo

1,1551 gold badge15 silver badges35 bronze badges

answered Mar 25, 2013 at 12:55

Thom Porter

2,6162 gold badges22 silver badges24 bronze badges

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

3 Comments

MaximeBernard Over a year ago

@Thom Porter, Why do you return undefined instead of false line 22 (jsfiddle.net/thomporter/pmKpG/4) ?

Mawg Over a year ago

Plus one for answering your own question - and sharing with others

CJBrew Over a year ago

@thom-porter, what is the significance of the name "pwd" in your $setValidity call? It makes no difference what I change that value to...

Collectives™ on Stack Overflow

AngularJS Form Validation Directive $setValidity on element

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related