Question

11

How to stop form submit during ajax call

rated 0 times [ 18] [ 7] / answers: 1 / hits: 23284 / 13 Years ago, fri, september 23, 2011, 12:00:00

I can only modify the code in the ajax call.
The ajax call occurs when I click the submit in form named $('#form1').

$('#form1').submit(function () {

    $.ajax({

       url: 'some.php',

       type: 'POST',

       data: somedata,

       success: function (msg) {

          if (!msg) {

             // I wanna to stop '#form1' submit here,how to do that? I can only modify the code in the ajax call.

          }

       }

    });

 });

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brodyfrancisi

Add To Favorites

Follow

Total Points: 1

Total Questions: 102

Total Answers: 89

Location: Marshall Islands

Member since Mon, May 31, 2021

3 Years ago

brodyfrancisi questions

1 How to wait until React in an iframe rendered it's content

Mon, Feb 21, 22, 00:00, 2 Years ago

1 Is it good way to throw error from service in nestjs like it:

Wed, Jan 12, 22, 00:00, 2 Years ago

1 Mongoose TypeScript ObjectId casting - Type 'string' is not assignable to type 'Condition< ObjectId | undefined>'

Fri, Oct 1, 21, 00:00, 3 Years ago

1 event.target.value as a number?

Mon, Apr 5, 21, 00:00, 3 Years ago

1 GSAP ScrollTrigger - Create a Timeline for Every Section

Thu, Nov 5, 20, 00:00, 4 Years ago

View All

answered 13 Years ago karyme · Accepted Answer

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.