使用Blazored Fluent Validation无法单独验证单个属性

问题说明 #

在.NET 6 Blazor Server项目中使用Blazored.FluentValidation 2.1.0时，尝试通过IncludeProperties()指定单个属性验证，却触发了整个表单的验证。但在.NET 6 MVC项目中直接使用FluentValidation 11.5.2时，相同用法仅验证指定属性，符合预期。

原因分析 #

Blazored.FluentValidation组件的ValidateAsync方法与Blazor的EditContext深度绑定，调用该方法时会更新整个表单的验证上下文状态，导致所有关联的ValidationMessage组件都显示对应属性的错误。同时，原代码中按钮使用type="submit"，会触发EditForm的默认提交行为，进一步触发全表单验证。

解决方案 #

绕过Blazored.FluentValidation组件的集成验证逻辑，直接注入对应的Validator实例手动执行验证，并控制错误信息的显示，避免影响整个表单的验证状态：

1. 移除页面中的FluentValidationValidator组件，避免自动关联表单验证
2. 将提交按钮的type改为button，阻止EditForm的默认提交验证
3. 注入IValidator<FormModel>实例，手动调用验证方法并指定需要验证的属性
4. 手动提取并显示目标属性的错误信息，不再依赖ValidationMessage组件

修改后的代码示例 #

Razor页面代码 #

<EditForm Model="@_model">
    <div class="form-group">
        <label for="name">Name:</label>
        <InputText id="name" class="form-control" @bind-Value="@_model.Name" />
    </div>

    <div class="form-group">
        <label for="email">Email:</label>
        <InputText id="email" class="form-control" @bind-Value="@_model.Email" />
    </div>

    <div class="form-group">
        <label for="comment">Comment:</label>
        <InputTextArea id="comment" class="form-control" @bind-Value="@_model.Comment" />
        @if (!string.IsNullOrEmpty(_commentError))
        {
            <p class="text-danger">@_commentError</p>
        }
    </div>

    <button type="button" class="btn btn-primary" @onclick="@HandleSubmit">Submit</button>
</EditForm>

@if (_formSubmitted)
{
    <p class="text-success">Form submitted successfully!</p>
}

@if (_formError)
{
    <p class="text-danger">Form is incorrect!</p>
}

@code {
    private FormModel _model = new FormModel();
    private bool _formSubmitted, _formError;
    private string? _commentError;
    
    [Inject]
    private IValidator<FormModel>? Validator { get; set; }

    private async Task HandleSubmit()
    {
        // 重置状态
        _commentError = null;
        _formSubmitted = false;
        _formError = false;

        if (Validator == null) return;

        // 仅验证Comment属性
        var validationResult = await Validator.ValidateAsync(
            _model, 
            options => options.IncludeProperties("Comment")
        );
        
        if (validationResult.IsValid)
        {
            _formSubmitted = true;
        }
        else
        {
            _formError = true;
            // 提取Comment属性的错误信息
            var commentError = validationResult.Errors.FirstOrDefault(f => f.PropertyName == "Comment");
            _commentError = commentError?.ErrorMessage;
        }
    }
}

其他代码保持不变 #

• FormModel.cs、FormModelValidator.cs的代码无需修改
• Program.cs中的builder.Services.AddValidatorsFromAssemblyContaining<FormModelValidator>()注册逻辑保持不变

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