Blazor注册表单已填必填项仍触发必填验证错误求助

核心原因：EditContext未正确绑定到UserModel实例 #

你的代码中<EditForm>使用了EditContext="@editContext"，但未提供editContext的初始化逻辑。如果editContext没有关联到userModel实例，Blazor的表单验证无法正确识别字段输入值，会始终判定字段未填写，触发必填项错误。

解决方法 #

方法一：直接使用EditForm的Model属性（推荐） #

放弃手动创建editContext，改用EditForm的Model属性自动关联模型，Blazor会自动生成正确的EditContext，代码更简洁且不易出错：

修改表单代码：

<EditForm Model="@userModel" OnValidSubmit="HandleRegister" FormName="registerForm">
    <DataAnnotationsValidator />
    <ValidationSummary />

    <InputText @bind-Value="userModel.Name" Placeholder="Name" />
    <InputText @bind-Value="userModel.Surname" Placeholder="Surname" />
    <InputText @bind-Value="userModel.Email" Placeholder="Email" />
    <InputText @bind-Value="userModel.PasswordHash" Placeholder="Password" type="password" />

    <button type="submit">Register</button>
</EditForm>

同时在组件类中正确初始化模型：

// 组件类内声明并初始化模型实例
private UserModel userModel = new UserModel();

方法二：手动正确初始化EditContext #

若必须手动使用EditContext，需在组件初始化时将其与userModel绑定：

在组件类中添加：

private UserModel userModel = new UserModel();
private EditContext editContext;

protected override void OnInitialized()
{
    // 将EditContext与userModel实例关联
    editContext = new EditContext(userModel);
}

其他排查点 #

• 检查字段绑定拼写：确保@bind-Value绑定的属性名与UserModel中的属性完全一致（你的代码中无拼写问题，但需确认）。
• 单独显示字段验证信息：可为每个InputText添加<ValidationMessage For="@(() => userModel.Name)" />，精准定位错误对应的字段。
• 确认DataAnnotationsValidator位置：必须放在<EditForm>内部，否则验证逻辑会失效（你的代码中位置正确）。

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