Cannot prevent Submit based on ajax check

Question

I am a java/jquery novice and struggling with the following:

$(document).ready(function() {
//Prevent SUBMIT if Session setting = On (Ajax)
$('#formID').submit(function(e) {
    var prevent = false;
    $.ajax({
        type: "POST",
        url: "url/to/ajax_file.php",
        cache: false,
        success: function(res){
            if(res == "On") { alert('Session is ON so submit should be prevented'); prevent = true; }
        }
    });
    if (stop2) { e.preventDefault(); }
});

});

The session setting is returned ok, and the alert is presented. But I also want to prevented the form submit if the session setting returned = 'On'. This is not happening. There is obviously something I do not understand, any advice?

Possible duplicate of How do I return the response from an asynchronous call? — Yury Tarabanko
– Yury Tarabanko, Commented Feb 9, 2016 at 6:51

Arun P Johny · Accepted Answer · 2016-02-09 06:49:50Z

2

You can't do that because of the asynchronous nature of ajax requests, instead in the submit handler you need to directly prevent the default action then in the ajax handler you can submit the form programatically.

$(document).ready(function() {
  //Prevent SUBMIT if Session setting = On (Ajax)
  $('#formID').submit(function(e) {
    e.preventDefault();
    var form = this;
    $.ajax({
      type: "POST",
      url: "url/to/ajax_file.php",
      cache: false,
      success: function(res) {
        if (res == "On") {
          alert('Session is ON so submit should be prevented');
        } else {
          form.submit();
        }
      }
    });
  });
});

answered Feb 9, 2016 at 6:49

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

3 Comments

labbetuss Over a year ago

Thanks! Prevents submit if res == 'On', but does not submit if res!== 'On'. Console says:"Uncaught TypeError: form.submit is not a function"

Arun P Johny Over a year ago

do you have a button named/id as submit in your form... if so rename the button

labbetuss Over a year ago

Indeed I had, several of them, just tested ok, thanks!

Collectives™ on Stack Overflow

Cannot prevent Submit based on ajax check

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