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

I need to submit the form and redirect the parent page on form submission in a fancy box

本文关键字：重定向 表单提交 一个 表单 提交      更新时间：2023-09-26

这是在fancybox弹出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>

任何帮助都非常感谢。

谢谢。

您可以在(框架)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(没有提交表单)，父页面将不会被重定向。

<<p>看到strong> JSFIDDLE
相关文章：