asp.net - 在验证失败时更改文本框边框和背景

Question

是否可以使用 javascript，以便当 asp.net 验证器失败时(例如输入与正则表达式不匹配)，文本框边框和背景颜色会变为红色阴影。我以前见过这个，但我忘了在哪里。

有人可以将我链接到此类实例吗？

有什么方法可以做到这一点？

谢谢

编辑:

使用这个解决方案:

validateField = function(sender, args){        
    //do your validation logic        
    if (!args.IsValid){
        var ctrl = $("#" + sender.controltovalidate);
        if (ctrl){
            ctrl.css({ "background-color" : "#990000", "border" : "1px solid #993300" });
        }
    }
    return args.IsValid;
}

如果我在哪里使用正则表达式，这是正确的方法吗？

validateField = function(sender, args){        
    var regEx=(some regex forumla)
    if (sender.value.search(regEx)==-1)        
        var ctrl = $("#" + sender.controltovalidate);
        if (ctrl){
            ctrl.css({ "background-color" : "#990000", "border" : "1px solid #993300" });
        }
    }
   else
        {
           return args.IsValid;
         }
}

抱歉我知识匮乏，我以前从未使用过 javascript。另外，什么是:

 return args.IsValid;

到底是为了什么？

Answer 1

您可以使用 CustomValidator，如果验证失败，您可以在客户端验证函数中更改边框和背景颜色:

验证函数:

validateField = function(sender, args){        
    //do your validation logic        
    if (!args.IsValid){
        var ctrl = $("#" + sender.controltovalidate);
        if (ctrl){
            ctrl.css({ "background-color" : "#990000", "border" : "1px solid #993300" });
        }
    }
    return args.IsValid;
}

标记:

<asp:TextBox ID="TextBox1" runat="server" />
<asp:CustomValidator ID="CustomValidator1" runat="server" EnableClientScript="true"
    ErrorMessage="Required"
    ClientValidationFunction="validateField" 
    ControlToValidate="TextBox1"
    Display="Dynamic">
</asp:CustomValidator>