javascript - 在 preventDefault 和 unbind 之后提交表单

Question

我在我的表单上使用了 preventDefault，我正尝试使用它在语句为真时自动提交。

function codeCheck(){
        $("#code-form").submit(function(e){
            e.preventDefault();
        });
        var code = $("#code").val();
        $.ajax({
            url: "index.php",
            type: "POST",
            data: { codeCheck: 1, ajaxCode: code }
        }).done(function(check) {
            if(check == 2){
                $("#used").css("display", "block");
            }
            else if(check == 1){
                $("#code").css('background', "url('../img/check.png') no-repeat scroll 170px 2px");
                $("#submit").css('display', 'block');
                $("#submit").on("click", function(){
                    $( "#container" ).fadeOut( "slow", function() {
                        $("#code-form")[0].submit();
                    });
                });

                $("#used").css("display", "none");
            }
            else{
                $("#code").css('background', "none");
                $("#used").css("display", "none");
                //$("#code-form").unbind('submit');
            }
        }); 
}

解除绑定(bind)确实有效 我可以在解除绑定(bind)时使用提交按钮。但是 $("#form").submit() 部分不起作用，它不会在淡出后自动提交表单。

这是一个 fiddle :http://jsfiddle.net/90wmpw7x/1/

我想要的只是它在淡入淡出后继续形式。

编辑:为了更清楚，我刚刚添加了完整的功能。

Answer 1

您想使用以下内容，因为您说提交事件已被阻止。这将以默认方式提交表单:

$("#form")[0].submit();

代替:

$("#form").unbind('submit', function(){
    $("#form").submit();    
});

特别说明:

要使其正常工作，请确保您没有任何带有 name="submit" 的表单字段。

更新

鉴于更新后的代码，这是我的建议:

$("#form").submit(function(e){
    e.preventDefault();

    $( "#container" ).fadeOut( "slow", function() {
        $("#form")[0].submit();    
    });
});

fadeOut 代码应该移到提交处理程序中

DEMO