How to stop form submit during ajax call

by

You’ll need to stop it BEFORE the success handler. Because the function finishes executing after your AJAX call the form will submit while your ajax call is occurring (and by the time your ajax call finishes it is too late).

But yes, put return false at the end of your function.

function SubmitHandler(){
  // Your AJAX call here
  // blah blah blah

  return false;  // Stop form submit
}

If it’s really important that it is in the success handler, then you could execute the call synchronously.

More Related Contents:

  1. Difference between .ajaxSubmit() vs .submit()
  2. jQuery Ajax POST example with PHP
  3. jQuery AJAX submit form
  4. jQuery load more data on scroll
  5. how to bypass Access-Control-Allow-Origin?
  6. How to generate a simple popup using jQuery
  7. jQuery has deprecated synchronous XMLHTTPRequest
  8. Parallel asynchronous Ajax requests using jQuery
  9. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  10. Access denied to jQuery script on IE
  11. How to upload a file using jQuery.ajax and FormData
  12. Ajax call Into MVC Controller- URL Issue
  13. How to wait until jQuery ajax request finishes in a loop?
  14. Problem with jQuery.ajax with ‘delete’ method in ie
  15. How to stop refreshing page after ajax call?
  16. jquery window.open in ajax success being blocked
  17. send json object from javascript to php
  18. AJAX Page Download progress
  19. values not updated after an ajax response
  20. Using jQuery AJAX to download a binary file
  21. How to post an image in base64 encoding via .ajax?
  22. Upload file to my google drive with Google Apps Script (NO FORM IN GOOGLE)
  23. jQuery DataTables “No Data Available in Table”
  24. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  25. How to add a Facebook “Like” button to an AJAX driven page
  26. How to import JQuery into a Typescript file?
  27. $.post throwing “Illegal invocation “
  28. CORS error with jquery
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How to replace the entire html webpage with ajax response?

Leave a Comment