sending an ajax request before form submit

Solutions on MaxInterview for sending an ajax request before form submit by the best coders in the world

Search
showing results for - "sending an ajax request before form submit"
Erica
15 Oct 2016
1$('form').submit(function(e) { 
2
3     // this code prevents form from actually being submitted
4     e.preventDefault();
5     e.returnValue = false;
6
7     // some validation code here: if valid, add podkres1 class
8
9     if ($('input.podkres1').length > 0) { 
10        // do nothing
11     } else {
12
13        var $form = $(this);
14
15        // this is the important part. you want to submit
16        // the form but only after the ajax call is completed
17         $.ajax({ 
18             type: 'post',
19             url: someUrl, 
20             context: $form, // context will be "this" in your handlers
21             success: function() { // your success handler
22             },
23             error: function() { // your error handler
24             },
25             complete: function() { 
26                // make sure that you are no longer handling the submit event; clear handler
27                this.off('submit');
28                // actually submit the form
29                this.submit();
30             }
31         });
32     }
33});
source
similar questions
jquery submit form via ajaxjquery form submit ajaxajax multipart 2fform dataajax submit form datajavscript send ajax request only if submit is validhow to run js before submit htmljquery before submitjquery ajax form submissionhow to call the ajax when form is validsubmit ajax forms with jquery to databaseajax post form listener buttonjquery ajax form submitjquery on form submit call functionjquery submit form ajaxsubmit ajax form validation jqueryjquey validate and submit form using jquery ajaxjquery ajax form submit examplesubmitting login and sign up forms using ajaxjavascript ajax post form datajquery before form submitajax get form data
queries leading to this page
on request ajax is called form actionajax inside to submit formajax form before submitstop form submit and send it with ajaxjs ajax submit form data with vanillawhy my form submit even i used ajaxon form submit send ajax call how to make submit button trigger ajax post requesthow send form after ajax html sending ajax action from a form submissioncall ajax while submit formonce form submit then ajax jquery doajax before submit form scriptform submission goes before ajax responsewhy form is submitting when calling one ajax from form fieldsmvc ajax form action after submitget form after using ajax form on submitsending an ajax request before form submitform submitting before ajaxjquery ajax call before form submitget form submit data in function ajax submitajax before submit formsubmit form using ajax and run code on successajax submit form beforehow to call ajax on form submitjquery run ajax before form submitwebform submission ajax form should never be cancelledsend ajax request on form submitajax form before sendsending an ajax request before form submit