asp.net - updatepanel 内的文本框出现问题 - 未导致 OnTextChanged 事件

Question

我有以下情况:我在 ajax updatepanel 中有一个文本框。无论用户在文本框中键入内容，我都必须显示一条消息(不同的消息取决于用户键入的数据)。

     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <asp:TextBox ID="txtMyTexbox" runat="server" Width="500px" OnTextChanged="txtMyTexbox_TextChanged" AutoPostBack="true"></asp:TextBox>
            <br />
            <asp:Label ID="lblMessage" runat="server" CssClass="errorMessage" Visible="false">Hello World</asp:Label>
         </ContentTemplate>
            <Triggers>
             <asp:AsyncPostBackTrigger ControlID="txtMyTexbox" />
            </Triggers>
      </asp:UpdatePanel>

在服务器端，我在页面加载时编写了以下内容

ScriptManager.GetCurrent(this).RegisterAsyncPostBackControl(txtMyTexbox);           

以及这样的方法

protected void txtMyTexbox_TextChanged(object sender, EventArgs e)
    {           
            if (.....)
            {
                lblMessage.Visible = false;
            }
            else
            {
                lblMessage.Visible = true;
            }            
    }

我现在的问题是:当用户在文本框中键入内容时，它不会引发 OnTextChanged 事件。

我错过了什么吗？

Answer 1

我不确定您的问题是否与 UpdatePanel 有关。

事实上，TextChanged 事件在输入时不会触发。它只会在文本框失去焦点后触发。如果 AutoPostBack 设置为 True，或者在下一次回发发生时，就会直接发生这种情况。请参阅 AutoPostBack property 的文档和 TextChanged event .

Afaik，你最好的选择可能是在 JavaScript 中处理 keyup 事件。

这是一个简单的 jQuery 示例:

$(document).ready(function() {
    $(':text[id$=YourTextBox]').keyup(function() {
        if ($(this).val() === "your special value") {
            $('span[id$=YourLabel]').css('visibility', 'visible');
        }
        else {
            $('span[id$=YourLabel]').css('visibility', 'hidden');
        }
    });
});