我需要提交表单并将表单提交中的父页重定向到一个精美的框中

时间:2014-06-18 13:42:52

标签: javascript jquery forms fancybox

这是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>

非常感谢任何帮助。

感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用{iframed} parent.window.location.href的{​​{1}}属性中的onsubmit属性,例如:

form

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

另外通知如果您手动关闭fancyBox(不提交表单),则不会重定向父页面。

参见 JSFIDDLE