Jquery通过.submit()提交一个关于AJAX成功的表单......怎么样？

Question

我试图通过AJAX将所有表单数据发送到脚本,方法是将click函数绑定到submit按钮,将其设置为false,这样它就不会提交表单了.一旦AJAX成功完成,我想通过以下方式提交表单:$("#myform").submit();但没有任何反应.

一切都有效,除了 $("#customOrderForm").submit();

这是Paypal付款.表格数据存储在会话中,用户进行支付,一旦成功付款就返回网站,表格数据通过电子邮件发送给客户和公司.

$("#submit").click(function () {

    var thedata = $("#customOrderForm").serialize();

    $.ajax({
        type: 'POST',
        url: 'buy-custom-session.php',
        cache: false,
        data: thedata,
        beforeSend: function () {
            $('#sessionholder').append('<div class="loading"><img src="loading.gif" alt="loading..." /></div>');
        },
        success: function (data) {
            //$(".loading").detach();
            //$(".error").detach();
            //$('#sessionholder').append(data);
            $("#customOrderForm").submit();
        },
        error: function () {
            $('#sessionholder').append('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>');
        }
    });

    return false;

});

HTML表格

<form id="customOrderForm" action="https://www.paypal.com/cgi-bin/webscr" method="post">

<!-- form fields etc -->

<input type="image" name="submit" id="submit" src="https://www.paypalobjects.com/en_AU/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" />

</form>

Firebug中没有错误.

AJAX成功执行.

干杯

Answer 1

更改图像输入的名称和ID.

从jQuery-docs: Forms及其子元素不应使用与表单属性冲突的输入名称或id,例如submit,length或method.名称冲突可能导致混乱的故障.

示例:http://jsfiddle.net/doktormolle/XNMEF/