使用JavaScript进行验证

下面验证

TextBox

的代码工作正常

onkeypress

，但当我使用

backspace

减少文本长度时，此代码无法返回红色。如何使用

退格

减少字符串长度时将颜色改回

红色

<script type="text/javascript">

    function limitlength(obj, length) {
        var maxlength = length
        if (obj.value.length > maxlength) {
            document.getElementById("TextBox1").style.backgroundColor = "green";
        }
        else
        {
            document.getElementById("TextBox1").style.backgroundColor = "red";
        }

    }

</script>

Enter text (max length is 5 characters):
<form id="form1" runat="server">
<br />
<br />
<asp:TextBox ID="TextBox1" onkeypress="return limitlength(this, 5)" runat="server"></asp:TextBox>
<br />
<br />
</form>

功能限制长度（obj，长度）{
var maxlength=长度
if（obj.value.length>maxlength）{
document.getElementById（“TextBox1”）.style.backgroundColor=“绿色”；
}
其他的
{
document.getElementById（“TextBox1”）.style.backgroundColor=“红色”；
}
}
输入文本（最大长度为5个字符）：

使用

onchange

或

onkeyup

。 我认为最好使用

onkeyup

尝试使用onkeyup或onkeyup事件