如何在服务器端修改ASP.NET Core Razor Pages(v8)验证CSS类名

完全可以在服务器端搞定，不用JS hack，核心是替换ASP.NET默认的验证属性提供器，步骤如下：

1. 编写自定义验证属性提供器类 #

创建一个继承自DefaultValidationHtmlAttributeProvider的类，重写方法替换默认的CSS类名：

using Microsoft.AspNetCore.Mvc.ModelBinding.Metadata;
using Microsoft.AspNetCore.Mvc.ViewFeatures;

public class BootstrapValidationHtmlAttributeProvider : DefaultValidationHtmlAttributeProvider
{
    public BootstrapValidationHtmlAttributeProvider(IModelMetadataProvider metadataProvider, IClientModelValidatorProvider validatorProvider)
        : base(metadataProvider, validatorProvider)
    {
    }

    protected override void AddValidationAttributes(ViewContext viewContext, ModelExplorer modelExplorer, IDictionary<string, string> attributes)
    {
        base.AddValidationAttributes(viewContext, modelExplorer, attributes);
        
        // 把默认验证类替换为Bootstrap的样式类
        if (attributes.ContainsKey("class"))
        {
            attributes["class"] = attributes["class"]
                .Replace("input-validation-error", "is-invalid")
                .Replace("input-validation-valid", "is-valid");
        }
    }
}

2. 在Program.cs中注册自定义类 #

将默认的验证属性提供器替换为我们编写的自定义实现：

builder.Services.AddSingleton<IValidationHtmlAttributeProvider, BootstrapValidationHtmlAttributeProvider>();

额外处理：适配验证消息的Bootstrap样式（可选） #

如果你的验证提示标签（比如<span asp-validation-for="..." />）需要适配Bootstrap的invalid-feedback样式，可以再编写一个自定义TagHelper：

using Microsoft.AspNetCore.Mvc.TagHelpers;
using Microsoft.AspNetCore.Mvc.ViewFeatures;
using Microsoft.AspNetCore.Razor.TagHelpers;

[HtmlTargetElement("span", Attributes = "asp-validation-for")]
public class BootstrapValidationMessageTagHelper : ValidationMessageTagHelper
{
    public BootstrapValidationMessageTagHelper(IHtmlGenerator generator)
        : base(generator)
    {
    }

    public override void Process(TagHelperContext context, TagHelperOutput output)
    {
        base.Process(context, output);
        
        // 替换验证消息的CSS类
        if (output.Attributes.TryGetAttribute("class", out var classAttr))
        {
            var newClass = classAttr.Value.ToString()
                .Replace("field-validation-error", "invalid-feedback")
                .Replace("field-validation-valid", "d-none");
            output.Attributes.SetAttribute("class", newClass);
        }
        else
        {
            output.Attributes.Add("class", "invalid-feedback");
        }
    }
}

然后在_ViewImports.cshtml中注册这个TagHelper，将YourAssemblyName替换为你的项目程序集名称（通常就是项目名称）：

@addTagHelper *, YourAssemblyName

这样操作后，表单验证失败重渲染页面时，输入框会自动带上is-invalid/is-valid类，验证提示也会适配Bootstrap的样式，全程在服务器端完成，无需任何JS hack。

内容的提问来源于stack exchange，提问作者lonix