用户添加文本时，textBox的ontextChanged事件不会触发

Question

我正在创建一个textBox，类似于这样（因此在循环中创建了许多textBox，并将它们添加到repeater控件中）。

.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;
    }
}

但这个函数似乎根本没有被调用。您有没有什么提示我哪里做错了？谢谢。

- user1067334

---

YourTextBox.AutoPostBack = true;吗？ - MilkyWayJoe

不是很符合你的问题（抱歉），只是一个建议。你最好使用jQuery和CSS来完成这个任务，而不是每次用户更改文本框的文本时都要回传到服务器。 - mbx-mbx

我几乎高兴它不起作用，为了你的用户着想。 :) 请调查如何使用JavaScript实现这一点！ - Matt Cofer

我忍不住了...我用jQuery做了一个例子：http://jsfiddle.net/pp4aA/2/ - Matt Cofer

Answer 1

我建议使用JavaScript来避免与服务器的往返。在后台代码中创建控件时，添加onchange客户端事件属性并进行处理：

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

希望能对您有所帮助！

- Reinaldo

---

谢谢大家的帮助。这是我使用的最终代码：textBox.Attributes.Add("onkeypress","javascript:changebackgroundcolor()"); - user1067334

Answer 2

样例 JavaScript 代码

<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>

---

示例 Repeater 控件 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>

- Pankaj

Answer 3

感谢大家的帮助。这是我在.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>

- user1067334