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