.NET 8中Blazor EditForm预填充后不触发验证问题求助

问题原因 #

当编辑场景中直接替换FormModel实例（FormModel = await _service.GetFormData(rowId)）时，DataAnnotationsValidator组件会保持对最初创建的FormUIModel实例的绑定，无法感知到模型对象的替换，导致验证上下文未更新，清空必填字段提交时不会触发验证逻辑。

解决方案 #

1. 避免替换模型实例，更新属性值

初始化模型后，通过服务获取数据时，逐个赋值模型的属性而非替换整个对象：

FormModel = new FormUIModel();
var formData = await _service.GetFormData(rowId);
// 逐个赋值属性
FormModel.FirstName = formData.FirstName;
// 其他属性同理完成赋值

这种方式保持模型实例不变，DataAnnotationsValidator的验证上下文始终有效，验证逻辑正常触发。

2. 给EditForm添加@key强制重新渲染

在EditForm标签上添加@key="FormModel"，当FormModel实例变化时，Blazor会重新渲染整个EditForm组件及内部的DataAnnotationsValidator，自动绑定新的模型实例：

<EditForm Model="@FormModel" @key="FormModel" OnValidSubmit="@HandleValidSubmit" OnInvalidSubmit="@HandleInValidSubmit">
    <DataAnnotationsValidator />
    <div>
        <InputText class="form-control" id="firstName" type="text" placeholder="First Name" @bind-Value="@FormModel.FirstName" />
        <label for="firstName">First Name</label>
        <ValidationMessage For="@(() => FormModel.FirstName)" />
    </div>            
</EditForm>

这是最简单的实现方式，无需修改后端赋值逻辑。

3. 手动更新EditContext

如果必须替换模型实例，可以手动创建新的EditContext并关联到表单：
首先在组件中定义EditContext字段：

private EditContext? _editContext;
private FormUIModel FormModel = new();

然后修改EditForm绑定EditContext而非Model：

<EditForm EditContext="@_editContext" OnValidSubmit="@HandleValidSubmit" OnInvalidSubmit="@HandleInValidSubmit">
    <DataAnnotationsValidator />
    <!-- 表单内容同上 -->
</EditForm>

最后在初始化和获取数据后更新EditContext：

// 初始化
_editContext = new EditContext(FormModel);

// 编辑场景获取数据后
FormModel = await _service.GetFormData(rowId);
_editContext = new EditContext(FormModel);

这种方式适合需要更精细控制验证状态的复杂场景。

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