How to invalidate a form in angularjs? (or how to disable a form in angularjs?)

Question

I want to preven form submission for a specific user type, preferably without having to edit something in the controller and without using an any type input-field? So basically something like this:

<form>
  <div class ="alert" 
       ng-if="user.type='not-allowed'" 
       maybe-an-invalidate-directive>
      <p>No! Don't!</p>

      <!-- or something like this ??? -->
      <input type ="hidden" 
             required
             ng-model="'false'">
  </div>
 .... 
</form>

While the first one should be definately possible, I would be happy to hear about a more straightforward solution.

EDIT:

After thinking about it for a while, I figured that what I want to do, is not making the form invalid, but to disable it. For a solution see this question.

If you downvote, please explain.

hugo der hungrige
– hugo der hungrige

2014-10-02 19:22:25 +00:00
Commented Oct 2, 2014 at 19:22 — hugo der hungrige
– hugo der hungrige, Commented Oct 2, 2014 at 19:22

Brian Glaz · Accepted Answer · 2014-10-02 19:31:52Z

1

You can use the ng-submit directive on your form element, and have it return false if you don't want it to submit.

<form ng-submit="user.type !== 'not-allowed' && controller.function()">

answered Oct 2, 2014 at 19:31

Brian Glaz

15.7k4 gold badges40 silver badges55 bronze badges

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

3 Comments

hugo der hungrige Over a year ago

Interesting! How would I use it in conjunction with a submit function on ng-submit, e.g. <form ng-submit="user.type !== 'not-allowed; submit()'">

Brian Glaz Over a year ago

Updated my answer. If first expression is false, controller.function won't be called.

hugo der hungrige Over a year ago

Don't mind the downvoters, I like your answer! Almost exactly what I was looking for.

Collectives™ on Stack Overflow

How to invalidate a form in angularjs? (or how to disable a form in angularjs?)

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