验证失败时，将文本框红色边框更改为红色

Question

我在asp.net c＃中创建一个网页，我想在验证失败时更改文本框的边框颜色。

例如：

请告诉我该怎么做。

感谢。

Answer 1

这种通货膨胀很容易，但有点脏：

在按钮和此JavaScript函数

上指定onClientClick属性

<script type="text/javascript">
    function YourButtonClickEvent() {
        var validation = Page_ClientValidate();
        if (!validation) {
            for (var i = 0; i < Page_Validators.length; i++) {
                if (!Page_Validators[i].isvalid) {
                    $("#" + Page_Validators[i].controltovalidate).css("border-color", "red");
                }
            }
        }            
        return val;
    }
</script>

Answer 2

使用 jQuery - 在blur活动

上使用

if(!validation)
{
   $('textboxid').css('border','1px solid red');
}
else
{
   $('textboxid').css('border','1px solid black');  //set to normal color
}

使用 Javascript - 在Blur事件中使用

document.getElementById('textboxId').Style.Border = "1px solid red";

有关详情，请参阅 link