在ASPX中回發後按鍵不工作

Question

我在ASPX頁面的文本框旁邊有一個圖像。我在VS2010中開發一個使用jquery的webform。在我點擊我的頁面上的按鈕之前，我按下任意鍵和當我在文本框內時，圖像就會消失。因此，在發回之前，所有的工作都很好。

但是，當我回發並按下文本框內的任何鍵時，我的圖像不會消失。感謝您的任何建議。

<script type="text/javascript"> 

    $(document).ready(function() { 
      $('#tbPassword').keypress(function() { 
       $('#imgPassword').hide(); 
       }); 
    }); 

    </script> 

    <tr> 
         <td class="style53"> 
          <asp:UpdatePanel ID="uppPassword" 
              runat="server"> 
          <ContentTemplate> 
           <asp:TextBox ID="tbPassword" 
              runat="server" 
              TextMode="Password" 
              Width="200px"> 
           </asp:TextBox>&nbsp;&nbsp 
          <asp:Label ID="lblPWCharacters" 
             runat="server" 
             CssClass="Label8g" 
             Text="(at least 6 characters)"> 
          </asp:Label> 
          </ContentTemplate> 
          <Triggers> 
           <asp:AsyncPostBackTrigger  ControlID="btnSignUp" 

           EventName="Click" /> 
          </Triggers> 
          </asp:UpdatePanel></td> 
         <td align="left" class="style52" valign="baseline"> 
          <img id="imgPassword" src="../Images/Red-Error-con.png" /></td> 
        </tr> <td class="style53"><asp:Button ID="btnSignUp" 
                 runat="server" 
                                        Text="Sign up" 
                 Width="88px" 
                 TabIndex="2000" 
                 OnClientClick="validateText()"/> 
          </td> 
         <td class="style52"> 
          &nbsp;</td> 

    function validateText() { 

    //not null password 
      if ($("#tbPassword").val()) { 
       passwordValid(); 
      } 
    } 

Answer 1

您需要在每次更新時重新初始化它。您可以通過從更新面板捕獲事件來完成此操作。

var prm = Sys.WebForms.PageRequestManager.getInstance();  
prm.add_initializeRequest(InitializeRequest); 
prm.add_endRequest(EndRequest); 

function InitializeRequest(sender, args) {  
} 

function EndRequest(sender, args) { 
      $('#tbPassword').keypress(function() { 
       $('#imgPassword').hide(); 
       }); 
}