Complex validation and submit button enabling in AngularJS

Question

The application has a rather complicated form. File upload, several select2-fields and couple xeditables. These extras do not support ng-dirty very well. I want to enable 'Submit' button only when all the fields are valid and the file upload passes a server side validation.

Are there some design patterns for managing such a multifaceted validation in Angular?

bdavidxyz · Accepted Answer · 2014-01-23 13:14:49Z

1

Use a service to calculate if the complicated conditions are met.

Then bind the result, say "condition1", of the complicated calculation, to a ng-switch.

http://docs.angularjs.org/api/ng.directive:ngSwitch

ng-switch is the more robust because DOM that does not satisfies the condition is not loaded.

answered Jan 23, 2014 at 13:14

bdavidxyz

2,5902 gold badges23 silver badges40 bronze badges

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

Comments

Michał · Accepted Answer · 2014-01-23 11:44:21Z

0

Yes, you can use:

ng-if="conditions"

Or :

ng-show="conditions"
ng-hide="conditions"

Tray to write more specyfic where is the problem and that what you want is very easy to find in angularjs documentation.

answered Jan 23, 2014 at 11:44

Michał

2961 gold badge3 silver badges10 bronze badges

Collectives™ on Stack Overflow

Complex validation and submit button enabling in AngularJS

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