Blazor Server复杂对象验证异常问题咨询

问题概述 #

在Blazor Server场景下，使用包含嵌套复杂对象的模型进行表单验证时，出现以下异常：

• 复杂类型字段StreetNumberAndName为空显示验证提示后，通过Chrome自动填充值并离开输入框，会出现重复的相同验证提示
• 手动为该空字段输入值并离开输入框，验证提示仍未消失
• 额外发现：非复杂类型输入值后离开可自动清除提示，但DxComboBox控件的验证提示需点击提交才会消失

相关模型定义：

public class ProfilePageModel : IIncludesAddressModel
{
    [ValidateComplexType]
    public AddressFormPageModel AddressModel { get; set; }

    [NoSeparator]
    [Required]
    public string? TimeZone { get; set; }
}

public class AddressFormPageModel
{
    [Required]
    public string? StreetNumberAndName { get; set; }

    public string? SuiteApt { get; set; }
}

Razor页面核心配置：

<EditForm EditContext="_editContext" OnValidSubmit="HandleValidSubmitAsync" OnInvalidSubmit="HandleInvalidSubmitAsync" Context="EditFormContext">
    <ObjectGraphDataAnnotationsValidator />

    <!-- 表单字段省略 -->

    <ValidationSummary />
</EditForm>

解决方案 #

一、复杂类型字段验证提示异常修复 #

复杂类型的验证状态未及时与EditContext同步是核心问题，可通过以下方式处理：

1. 手动触发字段验证更新
   在复杂类型字段的OnBlur事件中，强制通知EditContext重新验证指定字段：

<!-- 对应StreetNumberAndName的InputText控件 -->
<InputText @bind-Value="Model.AddressModel.StreetNumberAndName" 
           @onblur="@(() => RefreshFieldValidation(Model.AddressModel, nameof(AddressFormPageModel.StreetNumberAndName)))" />

在组件代码中添加触发验证的方法：

private void RefreshFieldValidation(object model, string fieldName)
{
    var fieldId = new FieldIdentifier(model, fieldName);
    _editContext.NotifyFieldChanged(fieldId);
    _editContext.ValidateField(fieldId);
}

该方法会强制刷新字段的验证状态，解决自动填充后重复提示、手动输入后提示不消失的问题。

2. 确保复杂类型实例初始化完整
   若复杂类型实例为null，验证器可能无法正确跟踪字段变化，需在组件初始化时确保实例存在：

protected override void OnInitialized()
{
    _editContext = new EditContext(Model);
    Model.AddressModel ??= new AddressFormPageModel();
    base.OnInitialized();
}

二、DxComboBox验证提示需提交才消失的修复 #

DxComboBox的值变更事件未自动触发验证更新，需手动绑定事件并触发验证：

<DxComboBox @bind-Value="Model.TimeZone" 
            Data="@TimeZoneOptions"
            ValueChanged="@(() => RefreshFieldValidation(Model, nameof(ProfilePageModel.TimeZone)))" />

复用上述RefreshFieldValidation方法，在值变更时立即验证字段，即可在输入值后自动清除验证提示。

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