通过javascript在asp.net文本框控件中设置css类

Question

我用javascript验证了我的表单。 我想设置ErrorControl css代码。 但我无法得到输出。

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

Answer 1

尝试这个

<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");
                }
            }
        }
    });
});

Answer 2

尝试改变

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

至

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