angular form validation not working as expected

Question

I'm trying to keep a button disabled under two conditions. The first is if a required fields condition has been meet (is there isn't text in the input) the second is if the Boolean value is false. The problem is for some reason my directive seems to acting like an or rather than an And where the button becomes enabled after either one of the two conditions is meet.

Here is the button I'm trying to keep disabled when both conditions aren't met

<button type="button" id ='submission' class="btn btn-success ng-hide" ng-show="submissionReady" ng-hide="afterSubmission" ng-click="saveScenario()" ng-disabled="myForm.title.$invalid && !playerService.status">Save Scenario</button>

JB Nizet · Accepted Answer · 2014-02-28 09:22:55Z

1

You want the button to be disabled if one of the conditions is true. Not if both conditions are true. So you need an OR, not an AND:

ng-disabled="myForm.title.$invalid || !playerService.status"

answered Feb 28, 2014 at 9:22

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Collectives™ on Stack Overflow

angular form validation not working as expected

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related