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

Question

I have a form that I check its values with ajax and if valid then send to another page here is my 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");
            }
        }
    });
});

My problem occurs when page loads. The first time I click the submit button I see two alert s in browser but nothing happens (form doesn't submit and page doesn't refresh)! However the second time, the form sends and page refreshes. Why?

Also, the second time I don't see the two alert s in the browser.

Answer 1

I will suggest that u keep a global var isok ='' and if all result.isok ="1" than donot do e.preventDefault();. Its not neat way but might solve problem to keep submitting form until ajax validation is done without major code changes.

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");
        }
    }
});
});