点击提交按钮后如何关闭花式框？答案

【问题标题】：How to close the fancy box after clicking submit button?点击提交按钮后如何关闭花式框？
【发布时间】：2012-10-16 21:37:00
【问题描述】：

我在 (Page1.aspx) 中使用花式框脚本，当您单击 page1.aspx 中的注册链接时，它将在精美的框中打开（page2.aspx）。

在这里（page2.aspx），在这里提交我的表单后，如果我点击提交按钮，它应该关闭 page2.aspx 并应该在浏览器的选项卡中打开 page3.aspx。

如何做到这一点？我有一个代码，它在新标签中打开 page3.aspx 但它省略了在page2.aspx 中进行验证。

代码如下： page1.aspx:

 function closeFancyboxAndRedirectToUrl(url) {
            $.fancybox.close();
            window.location = url;`enter code here`
        }
page2.aspx:
<a onclick="parent.closeFancyboxAndRedirectToUrl('Bus_Passanger_Information.aspx');">
    <asp:Button ID="BtnCtn" runat="server" Text="Continue" onclick="Btnctn_click"/></a>

现在我想要的，验证和page3.aspx 都应该在按钮点击事件中打开。

需要更多信息，我已准备好提供。谢谢

【问题讨论】：

过去的 SO 帖子可能会对您有所帮助 stackoverflow.com/questions/8038721/…
不，这不起作用，我在那里保留一些验证，如果缺少任何字段，它应该会发出警报，然后它应该关闭花哨的框并转到 page3.aspx
为此，您可以在 Code behind 中开发逻辑，首先从代码后面调用您的验证函数，然后再使用 fancybox 关闭脚本
反正我自己解决了。感谢您的重播。
你自己找到的太好了

标签： jquery

【解决方案1】：

试试这个，

Page.ClientScript.RegisterStartupScript(typeof(Page), "close", string.Format("<script type='text/javascript'>{0}</script>", "parent.$.fancybox.close() ;"));

【讨论】：