我提交表单在第一次不发送，但在第二次发送时提交按钮点击

Question

我有我检查自己的价值观与阿贾克斯，如果有效，则发送到另一个页面，这里是我index.js

$("#form").submit(function(event){ 
    var thisForm = $(this); 
    $(".ajaxLogo").show(); 
    event.preventDefault(); 

    // do some stuff 

    $.ajax({ 
     url: '/ajax/Check', 
     data: data, 
     dataType: 'json', 
     success:function(result){ 
      // .... 
      // check some situations that if form is not valid don't send the form 
      // .... 

      if(result.isOK=='1'){ 
       alert("I am before this line"); 
       thisForm.unbind('submit').submit(); // send request to '/' 
       alert("I am after that line"); 
      } 
     } 
    }); 
}); 

形式

我的问题发生在页面加载时。第一次点击提交按钮时，我在浏览器中看到两个alert，但没有任何反应（表单不提交，页面不刷新）！但是，第二次，表单发送和页面刷新。为什么？

此外，第二次我没有在浏览器中看到两个alert s。

Answer 1

我会建议你保持一个全局var isok =''，如果所有的result.isok =“1”比donot做e.preventDefault（）;.它不是很整洁的方式，但可以解决问题，以保持提交表单直到ajax验证完成，而没有主要的代码更改。

var isok =''; 
$("#form").submit(function(event){ 
var thisForm = $(this); 
$(".ajaxLogo").show(); 
if(isok != '1') 
event.preventDefault(); 

// do some stuff 

$.ajax({ 
    url: '/ajax/Check', 
    data: data, 
    dataType: 'json', 
    success:function(result){ 
     // .... 
     // check some situations that if form is not valid don't send the form 
     // .... 

     if(result.isOK=='1'){ 
      isok='1'; 
      alert("I am before this line"); 
      thisForm.unbind('submit').submit(); // send request to '/' 
      alert("I am after that line"); 
     } 
    } 
}); 
});