c# - 验证失败时将文本框红色边框更改为

Question

我正在用 asp.net c# 制作一个网页，我想在验证失败时更改文本框的边框颜色。

例如 ：

请告诉我我该怎么做。

谢谢。

Answer 1

这个sulation很容易，但有点脏：

在您的按钮和此 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";

欲了解更多信息，请通过此链接