Question

我正在使用FancyBox jquery插件来显示模态弹出框。

该网站是：http://www.chatisfying.com

要查看有问题的fancybox对话框的示例，请转到此处：http://www.chatisfying.com/Mohali/

如果您选中，<div id="getPassCode"></div>应该有一个<form>作为唯一的子元素。

我正在使用Web用户控件来生成模态框内容，这里是代码：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucGetPassCode.ascx.cs" Inherits="UserControls_Default_ucGetPassCode" %>

<div style="display:none;">
<div id="getPassCode">
  <form action="<%= Request.RawUrl %>" id="passcode">


  <div class="Block">
    <div class="label"><%= ms.GetValue("pass_code_label",3)%></div>
    <div class="float_left">


                <input type="text" name="TextBox_PassCode" runat="server" title="" id="TextBox_PassCode" value="" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
        ControlToValidate="TextBox_PassCode" Display="Dynamic" ErrorMessage="*"></asp:RequiredFieldValidator>
    </div>
    <div class="clear"></div>
  </div>



    <% 
        if (this.qaTable != null && this.qaTable.Count > 0)
        {
            foreach (FlexChatUpdate2.ThemeQuestionAnswersRow r in this.qaTable)
            {
    %>
            <div class="Block">
                <div class="label"><%= ms.GetValue("question_label",3)%></div>
                <div class="float_left">
                    <%= r.ThemeQuestion %>
                </div>
                <div class="clear"></div>
            </div>

            <div class="Block">
                <div class="label"><%= ms.GetValue("answer_label",3)%></div>
                <div class="float_left">
                    <input type="text" name="answers" value="" />
                </div>
                <div class="clear"></div>
            </div>
    <%
            }
        }
    %>

    <div class="Block">
    <div class="label">&nbsp;</div>
    <div class="float_left">
      <input id="Button_GetTheme" name="Button_GetTheme" type="submit" value="" runat="server" />

    </div>
    <div class="clear"></div>
  </div>

  <div class="Block">
    <div class="label">&nbsp;</div>
    <div class="float_left">


      <a href="<%= ResolveUrl("../../RequestPassCode.aspx?ThemeID=" + this.ThemeID.ToString()) %>"><%= ms.GetValue("request_passcode_link_text",3)%></a> |
            <a href="<%= this._root %>"><%= ms.GetValue("back_home_link_text",3)%></a>
    </div>
    <div class="clear"></div>
  </div>
    </form>
</div>
</div>

<a style="display:none;" href="#getPassCode" class="getpasscode_trigger">get pass code</a>

我在fancybox之前使用了jqModal，它的表单标签没有问题。任何人都可以帮助我，我哪里出错了？

Answer 1

我通过在精美的盒子内容显示完成后用标签包装#getPassCode来解决这个问题。像这样 -

onComplete: function()
{
  $('#getPassCode').wrap('<form action="<%= Request.RawUrl %>" method="post" />');
},

重新插入被剥离的标签。可能是一个混乱的解决方法，但它的工作原理：D

Answer 2

您应该检查表单标记是否不在另一个表单标记内。

fancybox剥离<form>标签</form>

2 个答案: