Set css class in asp.net textbox control via javascript

Question

I Have Validate my form with javascript. I want to set ErrorControl css code. But I can't able to get the output.

<style type="text/css">
    .ErrorControl
    {
        background-color: #FBE3E4;
        border: solid 1px Red;
    }
</style>

<script type="text/javascript">
    $(document).ready(function () {
        //HighlightControlToValidate();
        $("#Button1").click(function () {
            if (typeof (Page_Validators) != "undefined") {
                for (var i = 0; i < Page_Validators.length; i++) {
                    if (!Page_Validators[i].isvalid) {
                        $('#' + Page_Validators[i].controltovalidate).className = "ErrorControl";
                    }
                    else {
                        $('#' + Page_Validators[i].controltovalidate).css("border", "solid 1px White");
                    }
                }
            }
        });
    });
 </script>

What is shown in console ?

nanobash
– nanobash

2014-02-27 08:58:54 +00:00
Commented Feb 27, 2014 at 8:58 — nanobash
– nanobash, Commented Feb 27, 2014 at 8:58

Dheeraj · Accepted Answer · 2014-02-27 08:59:18Z

1

Try this

<script type="text/javascript">
$(document).ready(function () {
    //HighlightControlToValidate();
    $("#Button1").click(function () {
        if (typeof (Page_Validators) != "undefined") {
            for (var i = 0; i < Page_Validators.length; i++) {
                if (!Page_Validators[i].isvalid) {
                    $('#' + Page_Validators[i].controltovalidate).addClass( "ErrorControl");
                }
                else {
                    $('#' + Page_Validators[i].controltovalidate).css("border", "solid 1px White");
                }
            }
        }
    });
});

answered Feb 27, 2014 at 8:59

Dheeraj

3081 silver badge9 bronze badges

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

Comments

Starscream1984 · Accepted Answer · 2014-02-27 08:59:40Z

1

Try changing

$('#' + Page_Validators[i].controltovalidate).className = "ErrorControl";

to

$('#' + Page_Validators[i].controltovalidate).addClass("ErrorControl");

answered Feb 27, 2014 at 8:59

Starscream1984

3,0621 gold badge21 silver badges27 bronze badges

Collectives™ on Stack Overflow

Set css class in asp.net textbox control via 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