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

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

2 个答案: