fancybox убирает тег <form>

Question

Я использую плагин FancyBox jquery для отображения модальных всплывающих окон.

Сайт: http://www.chatisfying.com

Чтобы посмотреть пример соответствующего диалогового окна fancybox, перейдите по ссылке: http://www.chatisfying.com/Mohali/

Если вы отметите, <div id="getPassCode"></div> должен иметь <form> в качестве единственного дочернего элемента.

Я использую веб-элемент управления для создания содержимого модального окна,вот код:

<%@ 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>

Я использовал jqModal до fancybox, и он без проблем имел тег формы.Кто-нибудь может мне помочь, где я ошибся?

Answer 1

Вы должны убедиться, что тег формы не находится внутри другого тега формы.

Answer 2

Я решил эту проблему, обернув #getPassCode тегом, после того как показ содержимого модного ящика завершится.как это -

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

Это вставило тег, который был удален.Может быть грязный обходной путь, но он работает: D