Trigger form submit programmatically after preventDefault() - AngularJS

Question

The code is as follows

 <form
    name="orderForm"
    method="post"
    action="{{action}}"
    ng-submit="onSubmit($event)"
 >
   ...
</form>

To prevent the form submit i have used

scope.onSubmit = function(e) {
    e.preventDefault();

    if(valid condition) {
      // submit form programmatically
      // scope.orderForm.ngSubmit.emit(); doesn't seem to work
    }    
};

Now i need to submit the form programmatically when a specific condition is satisfied. i have used scope.orderForm.ngSubmit.emit() but doesnt seem to work.

Any idea on how to fix this?

Mohd. Abdul Sohail · Accepted Answer · 2019-12-02 16:44:28Z

3

Try the other way around

scope.onSubmit = function (e) {
    // If valid condition fails
    if (!validCondition) {
        // prevent form submission
        e.preventDefault();
    }
    else { 
        // Do your API call here
    }
};

answered Dec 2, 2019 at 16:44

Mohd. Abdul Sohail

927 bronze badges

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

Comments

georgeawg · Accepted Answer · 2019-12-02 12:37:20Z

Use $event.target.submit():

scope.onSubmit = function(e) {
    e.preventDefault();

    if(valid condition) {
      // submit form programmatically
      // scope.orderForm.ngSubmit.emit(); doesn't seem to work

      //Trigger submit
      e.target.submit()
    }    
};

Note

Since the role of forms in client-side AngularJS applications is different than in classical roundtrip apps, it is desirable for the browser not to translate the form submission into a full page reload that sends the data to the server. Instead use the $http Service to make HTTP POST requests to the server.

For more information, see

Collectives™ on Stack Overflow

Trigger form submit programmatically after preventDefault() - 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