在通过jquery对话确认后提交表格以进行付款

时间:2013-07-18 12:40:02

标签: jquery dialog submit payment-gateway

我现在有一本书提交支付网关按钮。

对话框未保留提交表格而未确认。

如何停止提交表单。

这是代码:

var submitForm = $('#paypal');
submit = false;

$("#confirm").dialog({
    resizable: false,
    height: 140,
    modal: true,
    autoOpen: false,
    buttons: {
        'Submit': function() {
            $(this).dialog('close');
            submit = true;
            submitForm.submit();
        },
        'Cancel': function() {
            $(this).dialog('close');
        }
    }
});
$("#confirm").parent().appendTo($("#paypal")); 

submitForm.submit(function() {
    if (submit) {
        return true;
    } else {
        $("#confirm").dialog('open');
        return false;
    }
});

删除HTML代码隐藏值:

<form id="paypal" name="paypal" method='post' action="https://www.sandbox.paypal.com/cgi-bin/webscr">
<input type="submit" class="book_nowinp" value="book_now" name="btnBook"/>
         </form>

1 个答案:

答案 0 :(得分:0)

不要在表单中使用提交按钮,而是使用普通按钮,然后单击该按钮打开确认对话框。

<input type="button" class="book_nowinp" onclick="$('#confirm').dialog('open')" value="book_now" name="btnBook"/>

您已经有了在对话框的提交按钮的onclick事件中触发表单提交的代码,所以现在只需删除表单提交上的处理程序。