如何为所有 ASP.Net 验证器换肤？

Question

我希望 ASP.Net 3.5 网站中的所有验证器的 CssClass 值为“error”。 我最初的想法是在主题皮肤中执行此操作，如下所示：

<asp:CompareValidator runat="server" 
    CssClass="error" />
<asp:CustomValidator runat="server" 
    CssClass="error" />
<asp:RequiredFieldValidator runat="server" 
    CssClass="error" />
<belCommon:ZipCodeValidator runat="server" 
    CssClass="error" />
<belCommon:PhoneNumberValidator runat="server" 
    CssClass="error" />

这只是我使用的验证器的部分列表。 理想情况下，我想做这样的事情：

<asp:BaseValidator runat="server" 
    CssClass="error" />

并且因为所有验证器都继承自 BaseValidator，所以我希望这会起作用，但事实并非如此。 有没有办法在不将每个验证器控件显式添加到皮肤的情况下实现此目的？

更新：

我发现了一种使用 javascript 的不同方法：

Sys.Application.add_init(function(sender, args)
{
    if (Page_Validators != null)
    {
        for (i = 0; i < Page_Validators.length; i++)
        {
            Page_Validators[i].className = "error";
        }
    }
});

ASP.Net 生成一个名为 Page_Validators 的 javascript 变量，它是验证范围的数组。 该脚本检查它是否存在，然后循环并设置类名。 我将其添加到母版页中并且到目前为止它的工作原理。

Answer 1

据我所知，在定义皮肤时，您专门使用单独的控件，并且您没有办法以任何其他方式指定它，因为它根据所使用的标签进行匹配。

从表面上看，您也在创建自己的自定义验证器，您可以修改控件以具有默认的错误 cssclass 以节省一些时间。

Answer 2

我很想在服务器页面加载方法中迭代页面的控件并在那里应用 css 类：

foreach (object obj in this.Controls)
{
  if (obj is BaseValidator)
  {
     ((BaseValidator)obj).CssClass = "error";
  }
}

这可能不是执行此操作的最佳方法，我还没有机会测试它，但希望如此可能会一路帮助你。

Answer 3

我发现了一种使用 javascript 的不同方法：

Sys.Application.add_init(function(sender, args)
{
    if (Page_Validators != null)
    {
        for (i = 0; i < Page_Validators.length; i++)
        {
            Page_Validators[i].className = "error";
        }
    }
});

ASP.Net 生成一个名为 Page_Validators 的 javascript 变量，它是验证范围的数组。 该脚本检查它是否存在，然后循环并设置类名。 我将其添加到母版页中并且到目前为止它的工作原理。