textBox ontextChanged在用户添加文本时未触发

本文关键字：文本 添加 ontextChanged 用户 textBox | 更新日期: 2023-09-27 18:27:51

我正在像这样的中继器中创建一个文本框（因此在循环中创建了许多文本框并添加到中继器控制中）

.aspx.cs

 TextBox textBox = new TextBox();
 textBox.TextChanged += new EventHandler(textBox_TextChanged);

我有一个这样的功能，如果文本框有一些文本（在创建表单时是黄色的），可以将文本框的背景颜色更改为白色

protected void textBox_TextChanged(object sender, EventArgs e)
{
    TextBox textBox = sender as TextBox;
    if (textBox.Text != String.Empty)
    {
        textBox.BackColor = System.Drawing.Color.White;
    }
}

但这个功能似乎根本没有被击中。我做错了什么？

谢谢。

textBox ontextChanged在用户添加文本时未触发

我建议保存到服务器的往返行程，并使用javascript。当您在代码后面创建控件时，添加onchange客户端事件属性并处理它：

myTextBox.Attributes.Add("onchange", 
       "this.style.backgroundColor = (this.value != '')?'#fff':'yellow';");

希望它能有所帮助！

示例java脚本

<script type="text/javascript" language="javascript">
    function runScript(evt, ID) {
        var ctl = document.getElementById(ID.id);
        if (ctl.value == '') {
            ctl.style.backgroundColor = '#FFFF00';
        }
        else
            ctl.style.backgroundColor = '#FFFFFF';
        return true;
    }
</script>

中继器控件HTML示例

<asp:Repeater ID="rpt" runat="server">
    <HeaderTemplate>
        <table>
            <tr>
                <td>
                    textBox
                </td>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td>
                <asp:TextBox ID="ed" runat="server" BackColor="Yellow" onkeyUp="return runScript(event, this)" autocomplete="off"></asp:TextBox>
            </td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

感谢大家的帮助。这是我使用的最后一个代码.aspx.cs.

textBox.Attributes.Add("onkeypress","javascript:changebackgroundcolor()");

.aspx

<script type="text/javascript">
        function changebackgroundcolor() {
            var element;
            for (var i = 0; i < document.forms[0].elements.length; i++) {
                element = document.forms[0].elements[i];
                switch (element.type) {
                    case 'textarea':
                        if (element.value.length > 0) {
                            element.style.borderwidth = "thin";
                            element.style.bordercolor = "White";
                            element.style.borderstyle = "solid";
                        }
                        break;
                }
            }
        }
</script>
相关文章：