Question

我正在使用购买流程在网站上工作。我有一个PHP生成的表单，如下所示：

<form name="order_form" action="'.$thePayreadApi->get_server_url().'" method="post" id="payer-form">
'.$thePayreadApi->generate_form().'
<input type="submit" value="Klicka för betalning" />
</form>';

提交表单后，它将转到执行购买的新页面（位于另一台服务器上）。

基本上我想要的是通过AJAX提交的表单，然后在模态窗口中加载新页面。我在整个网站上使用jQuery，所以我想要一个基于该库的解决方案。

我发现这些网站可能是一个提示：

http://pixeline.be/blog/2008/javascript-loading-external-urls-in-jqmodal-jquery-plugin/ http://dev.iceburg.net/jquery/jqModal/

非常感谢任何帮助！

Answer 1

我没有完全尝试过，但理论是我想要的：

$("form[name='order_form']").submit(function() {

    //Validate in here
    var validate = false;
    if($("input[form='element1']").val()!="") {
        validate = true;
    }
    if(validate) {
        this.submit();
    } else {
        return false;
    }
});

<form action="shopping.php" target="targetIframe" method="post">
    <input type="submit" value="Click Me" />
</form>

<iframe name="targetIframe" src=""></iframe>

使用jQuery从表单加载页面到Modal Window

1 个答案: