Ajax Validation intrupt the form submit on form submit event

Question

Привет, у меня проблема с перенаправлением формы к его действию, проверка ajax прерывает перенаправление формы здесь мой код, все, что я просто отправляю сообщение, чтобы сформировать местоположение действия, также перенаправляет на это место нахождения.

$("form").submit(function(e){ 
    jQuery.ajax({ 
    type : "post", 
    url : "validate.php", 
    dataType : "json", 
    data : {email : 'example@domain.com'}, 
    success: function(response) { 
     if(response.status == '1'){ 
      //Email is valid want to continue form submit and redirect , but it is not 
     }else{ 
      e.preventDefault(); 
      //return false 
     } 
    } 
    }); 
}) 

Answer 1

Вы, возможно, потребуется создать отделенный функцию чтобы submit вашу форму как обратного вызова процесса проверки АЯКС и передать сериализованные данные к нему, что-то вроде:

function submitForm(serializedData) { 
    jQuery.ajax({ 
     ur: "{your form action processing file}", 
     type: "POST", 
     data: serializedData, 
     success: function (data, textStatus, xhr) { 
      console.log("form submitted "+xhr.status) // 201 if everything OK 
      // optionally reload the page 
      window.location.reload(true); 
     } 
    }); 
} 

jQuery(document).ready(function ($) { 
    // validate form 
    $("#myForm").on("submit", function (event) { 
     // prevent form from being submitted 
     event.preventDefault(); 
     // collect your form data to be submitted : 
     var serializedData = $("#myForm").serializeArray(); 
     $.ajax({ 
      url : "validate.php", 
      type: "POST", 
      cache: false, 
      dataType : "json", 
      data : {email : 'example@domain.com'}, 
      success: function (response) { 
       if(response.status == '1'){ 
        // email is valid so submit the form 
        submitForm(serializedData); 
       } // you don't need an else statement since we already used event.preventDefault() before the ajax call 
      }, 
      error: function() { 
       console.log("ajax validation error"); 
      } 
     }) 
    }); // on submit  

}); // ready 

Извещение мы назначили селектор (#myForm) на вид мы обрабатываем.