Blazor Server(.NET 8) EditForm模型初始化后提交验证异常求助

核心问题原因 #

你遇到的问题根源在于[SupplyParameterFromForm]特性的使用：

• 提交EditForm时，Blazor会通过表单数据重新实例化_registrationModel，直接覆盖你在OnInitializedAsync中初始化的对象。
• 因为表单未绑定Username和Role字段，新实例的这两个属性会是null，触发Required特性的验证错误。
• OnInitializedAsync仅在组件首次初始化时执行一次，表单提交触发组件重新渲染时，_registrationModel已经是表单生成的新实例，所以??=不会执行初始化逻辑。

关于OnInitialized/OnInitializedAsync的作用 #

这两个方法属于Blazor组件生命周期的初始化阶段，仅在组件第一次渲染前执行一次，用来完成初始数据加载、对象实例化等操作。组件因参数变化、状态更新重新渲染时，不会再次触发。

解决方案 #

方案1：移除[SupplyParameterFromForm]（推荐）

EditForm已经通过EditContext绑定了模型，不需要额外用[SupplyParameterFromForm]接收表单数据。移除该特性后，_registrationModel会保持你在OnInitializedAsync中初始化的实例，提交时仅更新表单绑定的字段，未绑定的Username和Role会保留初始值：

// 移除这个特性
// [SupplyParameterFromForm]
public CreateUserDto? _registrationModel { get; set; }

方案2：在OnParametersSetAsync中初始化字段

如果必须保留[SupplyParameterFromForm]，可以把初始化逻辑移到OnParametersSetAsync中，该方法会在组件参数更新（包括表单提交时的参数绑定）时执行：

protected override async Task OnParametersSetAsync()
{
    if (_registrationModel != null)
    {
        // 确保未绑定字段有值
        _registrationModel.Username ??= string.Empty;
        _registrationModel.Role ??= "User";
    }
    else
    {
        _registrationModel = new CreateUserDto
        {
            Username = string.Empty,
            Role = "User"
        };
    }
    _editContext = new EditContext(_registrationModel);
}

方案3：提交前强制赋值

在HandleRegistration开头就给Username和Role赋值，确保验证通过：

private async Task HandleRegistration()
{
    if (_registrationModel != null)
    {
        // 提前赋值，避免验证失败
        _registrationModel.Username = _registrationModel.Email ?? string.Empty;
        _registrationModel.Role = "User";
    }

    // 后续API调用逻辑...
}

额外优化建议 #

• 如果NSwag生成的CreateUserDto允许修改（或支持部分类扩展），可以在构造函数中默认初始化Username和Role，这样无论实例如何创建，这两个字段都不会为null。
• 可以简化EditForm的写法，通过Model参数绑定让Blazor自动创建EditContext，无需手动实例化：

<EditForm Model="@_registrationModel" OnValidSubmit="HandleRegistration" FormName="Register">
    <!-- 表单内容 -->
</EditForm>

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