使用ASP.NET字段验证程序通过jQuery更改输入css/动画

我目前有一个表单，其中包含大约10个控件，如下所示：

<asp:TextBox ID="fullname" Width="200" MaxLength="50" runat="server"/>
<asp:RequiredFieldValidator Display="Dynamic" ValidationGroup="contact" ControlToValidate="fullname" ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"/>

但它并没有提供一个明确的答案

那么：有没有一种方法可以保留我当前的ASP.NET验证程序控件，但覆盖它们的ErrorMessage属性的显示（和隐藏），而是使用jQuery向已验证的输入字段添加（或删除）动画/css

要求：

-代码必须适用于requiredfieldvalidator/regularexpressionvalidator等。

-捕获输入键

-如果用户更正了输入字段并且验证成功，则删除错误css

谢谢
 您需要使用自定义验证器

aspx：



JS:


函数validateValue（源，参数）{
如果（args.Value==“”）{
args.IsValid=false；
document.getElementById（source.id.replace（'cv'，'txt'））。className='Invalid'；
}
否则{
args.IsValid=true；
document.getElementById（source.id.replace（'cv'，'txt'））.className='Valid'；
}
}  

CSS:


无效的
{
边框：1px纯红；
}
.有效
{
边框：1px纯白；
}
我也读过一些关于这方面的内容，但是我如何在regularexpressionvalidator和需要匹配两个字段的情况下实现这一点呢？（例如密码匹配或电子邮件匹配）根据您对这些情况的建议，我似乎必须自己编写所有验证逻辑？
  <asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox>
                <asp:CustomValidator ID="cvFirstName" runat="server" SetFocusOnError="true" Display="Dynamic"
                    ValidateEmptyText="true" ControlToValidate="txtFirstName" ClientValidationFunction="validateValue"></asp:CustomValidator>  

   <script type="text/javascript">
        function validateValue(source, args) {
            if (args.Value == "") {
                args.IsValid = false;
                document.getElementById(source.id.replace('cv', 'txt')).className = 'Invalid';                
            }
            else {
                args.IsValid = true;
                document.getElementById(source.id.replace('cv', 'txt')).className = 'Valid';
            }
        }  
    </script>

 <style type="text/css">
        .Invalid
        {
            border: 1px solid red;
        }
        .Valid
        {
            border: 1px solid White;
        }

    </style>