在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(); 
       }); 
}