asp.NET（4.0）與jqModal - 在IE8中存在服務器端按鈕提交問題

我目前有以下代碼。基本上，只需點擊超鏈接登錄頁面和模式彈出窗口，即可輸入您的電子郵件地址，以便在您忘記密碼時通過電子郵件發送電子郵件。模式也會檢查輸入的電子郵件是否在系統中。這是我第一次使用jqModal，我很喜歡它。實際上，除IE8以外的所有瀏覽器（特別是我在兼容性模式打開的IE9中），這在所有瀏覽器中都很有用。如下所示，「登錄」按鈕根本不會觸發，也不會登錄用戶。「點擊這裏記住你的密碼」功能將彈出並按預期工作。再次 - 如下所述，它完美地工作 - 在IE9，FF10，Opera 11，Safari和Chrome中。我缺少/什麼是IE8不同（或者，也許它只是兼容模式問題IE9？）asp.NET（4.0）與jqModal - 在IE8中存在服務器端按鈕提交問題

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Index.aspx.vb" Inherits="mySite_v7.Index" %> 

      <%@ Register Src="controls/Header.ascx" TagName="Header" TagPrefix="uc1" %> 
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
      <html xmlns="http://www.w3.org/1999/xhtml"> 
      <head id="Head1" runat="server"> 
       <title>Site v7 - Login Page</title> 
       <link rel="Stylesheet" href="scripts/Site.css" type="text/css" /> 
       <script src="//ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.1.min.js" type="text/javascript"></script> 
       <script src="scripts/jqModal-03-01-2009.js" type="text/javascript"></script> 
       <link rel="stylesheet" type="text/css" href="scripts/jqModal.css" /> 
       <script type="text/javascript"> 
        $(document).ready(function() { 
         $('#dialog').jqm();    

         $('#jqmOpen').click(function() { 
          $('#dialog').jqmShow(); 
          return false; 
         }); 

         $('#jqmClose').click(function() { 
          $('#dialog').jqmHide(); 
          return false; 
         }); 
        }); 
       </script> 
      </head> 
      <body> 
       <form id="form1" runat="server"> 
       <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
       <div class="header"> 
        <div class="logoImage"> 
         <a href="/Default.aspx"> 
          <img src="images/header/spacer.gif" class="trans" alt="" /></a> 
        </div> 
       </div> 
       <div class="main"> 
        <asp:Label ID="Label3" runat="server" Text="Welcome to mySite.com" Style="font-weight: bold; 
         font-size: medium;" /> 
        <br /> 
        <asp:Label ID="Label5" runat="server" Style="font-size: xx-small;" Text="version 7.0 - (<b>.NET 4.0</b>)" /> 
        <div class="errorMsg"> 
         <asp:UpdatePanel ID="udp2" runat="server"> 
          <ContentTemplate> 
           <asp:Label ID="lblError" runat="server" Visible="False" />  
          </ContentTemplate> 
          <Triggers> 
           <asp:AsyncPostBackTrigger ControlID="btnLogin" EventName="Click" /> 
          </Triggers> 
         </asp:UpdatePanel> 
        </div> 
        <br /> 
        <div class="lbls"> 
         <asp:Label ID="lblUserName" runat="server" Text="UserName:" Font-Names="Verdana" 
          Font-Size="Small" /> 
        </div> 
        <div class="txts"> 
         <asp:Panel ID="Panel1" runat="server" DefaultButton="btnLogin"> 
          <asp:TextBox ID="txtUserName" runat="server" Style="font-size: small;" /> 
         </asp:Panel> 
        </div> 
        <br /> 
        <div class="lbls"> 
         <asp:Label ID="Label4" runat="server" Text="Password:" Style="font-size: small;" /> 
        </div> 
        <div> 
         <asp:Panel ID="Panel2" runat="server" DefaultButton="btnLogin"> 
          <asp:TextBox ID="txtPassword" runat="server" Style="font-size: small" TextMode="Password" /> 
         </asp:Panel> 
        </div> 
        <div class="btns"> 
         <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" /> 
        </div> 
        <div class="lbls"> 
         <asp:Label ID="lblForgot" runat="server" Style="font-size: small;" Text="Forgot your password? Click " /> 
         &nbsp; <a href="#" style="color: Blue; text-decoration: underline;" name="jqmOpen" 
          id="jqmOpen">HERE</a> 
        </div> 
       </div> 
       <span id="dialog" class="jqmWindow"><a href="#" class="jqmClose"> 
        <img src="images/close.gif" alt="close" style="float: right; border: 0px;" /> 
       </a> 
        <br /> 
        <asp:UpdatePanel ID="upd1" runat="server"> 
         <ContentTemplate> 
          <asp:Label ID="lblModErr" runat="server" /> 
         </ContentTemplate> 
         <Triggers> 
          <asp:AsyncPostBackTrigger ControlID="btnSubmit" EventName="Click" /> 
         </Triggers> 
        </asp:UpdatePanel> 
        <br /> 
        <asp:Label ID="lblEmail" runat="server" Text="Enter your email address:" class="lbls" /> 
        <br /> 
        <asp:Panel ID="Panel3" runat="server" DefaultButton="btnSubmit"> 
         <asp:TextBox ID="txtEmail" runat="server" class="txts" /> 
        </asp:Panel> 
        <br /> 
        <asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="btns jqmClose" 
         CausesValidation="false" /> 
        &nbsp; 
        <div class="btns" style="display: inline;"> 
         <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" /> 
        </div> 
       </span> 
       </form> 
      </body> 
      </html>

謝謝！

編輯請忽略。這只是一個打開兼容模式的IE9問題。發佈後，我意識到 - 爲什麼我沒有檢查這在IE8 - 嘆息 - 有時太多的焦點是一件壞事。港燈。我要離開這裏來再次舉例說明如何設置jqModal和ASP.NET，並作爲對可能偶然發現這個奇怪組合的任何其他人的輕微警告。

來源

2012-02-24 Michael Strauss

您應該將該編輯作爲答案，並將其標記爲已解決，以便它不再顯示在「未答覆」列表中。 – 2012-05-09 15:52:03

對不起。哇...一年後：

編輯：請忽略。這只是一個打開兼容模式的IE9問題。發佈後，我意識到 - 爲什麼我沒有在IE8中檢查這個問題 - 感嘆 - 有時候太多的焦點是一件壞事。港燈。我要離開這裏來再次舉例說明如何設置jqModal和ASP.NET，並作爲對可能偶然發現這個奇怪組合的任何其他人的輕微警告。

來源

2012-05-22 20:20:29

asp.NET（4.0）與jqModal - 在IE8中存在服務器端按鈕提交問題

回答

相關問題