我需要提交表单并在一个花哨的框中重定向表单提交的父页面答案

【问题标题】：I need to submit the form and redirect the parent page on form submission in a fancy box我需要提交表单并在一个花哨的框中重定向表单提交的父页面
【发布时间】：2014-06-19 02:38:04
【问题描述】：

这是fancybox popup iframe页面中给出的表单代码。

我需要关闭此弹出窗口并将父页面重定向到

http://luxuryresortstayvouchers.com/newdesign/?p=list.php

当提交按钮被按下时。

以下功能有效地关闭了fancybox弹出窗口，但父页面未重定向到所需位置。

function closeMeUp()
{
parent.$.fancybox.close();
}




    <form action=""http://luxuryresortstayvouchers.com/newdesign/?p=list.php method="post" target="_parent" class="form_class" enctype="multipart/form-data" >

        <input class="vouch_num" type="text"  placeholder="Checkin date" maxlength="25" size="50" id="datepicker" />
        <input class="vouch_num" type="text"  placeholder="Checkout date" maxlength="25" size="50" id="datepicker2" />
        <br />
        <input type="button" id="ok" class="submit_but" value="Submit" onClick="closeMeUp();" />
        <input type="button" id="cancel" class="cancel_but" value="Cancel" />

    </form>

非常感谢任何帮助。

谢谢。

【问题讨论】：

您的输入是“按钮”类型。不应该是“提交”吗？

标签： javascript jquery forms fancybox

【解决方案1】：

您可以在 (iframed) form 的 onsubmit 属性中使用 parent.window.location.href 属性，例如：

<form id="login_form"
onsubmit="javascript:parent.window.location.href='http://luxuryresortstayvouchers.com/newdesign/?p=list.php';" > 

...
</form>

请注意，您不必强制关闭 fancyBox，因为页面重定向会完成这项工作。

另外注意如果你手动关闭fancyBox（不提交表单），父页面不会被重定向。

见JSFIDDLE

【讨论】：