Angular Form Validation Using Ng-Required

Question

FIDDLE HERE: http://jsfiddle.net/TegFf/48/

I have a form with radio buttons (please Fiddle below) that should validate if:

you choose a radio button that has a dollar amount associated
you choose custom AND enter a value

My problem, I think, is that the Ng-Required I have put on an input field is not properly registering whether it is or is not required.

<input name="donation" type="radio" value="yes" ng-model="manual" required="false">
<input type="number" ng-model="donation" ng-required="manual === 'yes'">

Blaise · Accepted Answer · 2013-11-27 16:40:07Z

2

http://jsfiddle.net/TegFf/49/

Couple of things:

First radio input has a different name.
Wrapping the manual amount inside a label together with the radio button prevents you from focusing the field.
An AngularJS form is not valid until all fields are valid, so it's easier if you add more debug code to see which field is actually invalid.

edited Nov 27, 2013 at 16:40

answered Nov 27, 2013 at 16:18

Blaise

13.6k9 gold badges79 silver badges103 bronze badges

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

Comments

C1pher · Accepted Answer · 2013-11-27 16:11:55Z

0

Your first radio button needs to have 'name="donation"' added to it. Another issue is that once variable manual is set to 'yes', it will always stay yes. You should either reduce the number of your variables, or set up a custom validation in a directive.

edited Nov 27, 2013 at 16:11

answered Nov 27, 2013 at 16:04

C1pher

1,9726 gold badges34 silver badges52 bronze badges

Collectives™ on Stack Overflow

Angular Form Validation Using Ng-Required

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related