Blazor 8 WASM中使用泛型模型时ValidationMessage无法显示

在Blazor 8 WebAssembly（其他托管模型可能也存在此问题）中，使用泛型模型的组件里ValidationMessage无法正确显示验证错误，核心问题是ValidationMessage的For参数绑定错误——直接传递() => property.Name无法生成指向模型属性的有效表达式树，导致验证系统无法关联到对应属性的错误信息。

解决方案 #

需要手动构建指向泛型模型属性的表达式树，替代直接传递属性名称字符串。可以通过添加辅助方法生成符合要求的Expression<Func<TModel, object>>，供ValidationMessage使用。

修改后的组件代码

@typeparam TModel where TModel : class, new()

<EditForm OnValidSubmit="@HandleValidSubmit" Model="@Model">
    <DataAnnotationsValidator />
    <h4>验证摘要</h4>
    <ValidationSummary />
    @foreach (var property in Model.GetType().GetProperties())
    {
        var propertyValue = property.GetValue(Model)?.ToString();
        var propertyExpr = GetPropertyExpression(property);
        <div class="row mb-3">
            <div class="col">
                <div class="form-group">
                    <input @onchange="(e) => HandleValueChanged(e, property.Name)"
                           type="text"
                           value="@propertyValue"
                           class="form-control" />
                </div>
            </div>
        </div>
        <h5>验证消息</h5>
        <ValidationMessage For="@propertyExpr" />
    }
</EditForm>

@code {
    [Parameter]
    public TModel Model { get; set; } = new TModel();

    private Expression<Func<TModel, object>> GetPropertyExpression(PropertyInfo property)
    {
        var parameter = Expression.Parameter(typeof(TModel), "model");
        var propertyAccess = Expression.Property(parameter, property);
        // 处理值类型装箱，避免表达式树类型不匹配
        var conversion = Expression.Convert(propertyAccess, typeof(object));
        return Expression.Lambda<Func<TModel, object>>(conversion, parameter);
    }

    private void HandleValueChanged(ChangeEventArgs e, string propertyName)
    {
        var property = Model.GetType().GetProperty(propertyName);
        if (property != null)
        {
            // 根据属性类型转换输入值，实际场景需根据类型做更严谨的处理
            var value = Convert.ChangeType(e.Value, property.PropertyType);
            property.SetValue(Model, value);
        }
    }

    private void HandleValidSubmit()
    {
        // 实现表单提交逻辑
    }
}

原理说明 #

ValidationMessage<TModel>要求For参数是指向TModel属性的表达式树，这样验证系统才能精准定位到对应属性的错误。原代码中() => property.Name返回的是属性名称字符串，并非指向模型属性的表达式，因此无法被验证系统识别。通过手动构建表达式树，我们让ValidationMessage正确关联到泛型模型的具体属性，从而正常触发并显示验证错误。

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