使用JavaScript验证

时间:2011-08-30 17:31:42

标签: javascript validation

以下验证TextBox的代码工作正常onkeypress但是当我使用backspace缩短文本长度时,此代码无法返回到RED颜色。如何使用red将颜色更改回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>

2 个答案:

答案 0 :(得分:1)

尝试使用 onkeydown onkeyup 事件。

答案 1 :(得分:0)

使用onchangeonkeyup。 我认为如果你使用onkeyup

会更好