我的提交表单不是第一次发送，而是在单击提交按钮时第二次发送

Question

我有一个表单，我使用ajax检查其值，如果有效，则发送到另一页，这里是我的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 。

Answer 1

我建议您保持全局变量isok =''，如果所有result.isok =“ 1”都不要执行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");
        }
    }
});
});