Validation using JavaScript

Question

The below code to validate TextBox is working fine onkeypress but when I use backspace to reduce the text length this code is unable to return back to the RED color. How to change color back to red on using backspace to reduce string length.

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

Fahim Parkar · Accepted Answer · 2012-03-20 11:18:06Z

1

try using onkeydown or onkeyup event.

edited Mar 20, 2012 at 11:18

Fahim Parkar

31.8k46 gold badges168 silver badges285 bronze badges

answered Aug 30, 2011 at 17:37

Tushar

4891 gold badge7 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fad · Accepted Answer · 2011-08-30 17:35:54Z

0

Either use onchange or onkeyup. I think it's better if you use onkeyup

answered Aug 30, 2011 at 17:35

Fad

9,8683 gold badges48 silver badges65 bronze badges

Collectives™ on Stack Overflow

Validation using JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related