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

【问题标题】：Set css class in asp.net textbox control via javascript通过javascript在asp.net文本框控件中设置css类
【发布时间】：2014-02-27 08:55:21
【问题描述】：

我已经使用 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>

【问题讨论】：

控制台显示什么？

标签： c# javascript asp.net css

【解决方案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");
                }
            }
        }
    });
});

【讨论】：

【解决方案2】：

尝试改变

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

到

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

【讨论】：