jquery - 如何使用 jQuery $.ajax 函数来停止或允许表单提交？

Question

$('#post_form').submit(function() {
    $("#ajax_bar_loader").show();
    $.ajax({
        url: 'add.html',
        data: $('#post_form').serialize(),
        dataType: 'json',
        type: 'post',
        success: function( result ) {
            retVal = formCheck( result );
        }
    });

    return false;
});

这就是我的代码的样子，而不是“返回 false”，如果“结果”中包含的数据表示允许，我希望允许它。我怎样才能做到这一点？

Answer 1

你可以这样做:

$.ajax({
    url: 'add.html',
    data: $('#post_form').serialize(),
    dataType: 'json',
    type: 'post',
    success: function( result ) {
        retVal = formCheck( result );
        if(retVal)
          $('#post_form').unbind('submit').submit();
        else
          alert('Error with your form! Oh crap!');
    }
});

由于您要回发并离开，因此如果成功，这只会解除此处理程序的绑定(bind)，并让提交在调用它时正常发生，因此代码不会再次运行和检查，它只是提交。