Blazor验证：自定义重复邮箱错误消息无法清除的问题求助

我仔细看了你的代码，发现几个关键问题导致了自定义验证消息无法清除、OnValidSubmit不触发的情况，下面一步步帮你解决：

核心问题分析 #

1. EditContext和ValidationMessageStore未正确关联：你在OnInitializedAsync里创建的_editContext和_msgStore都是局部变量，完全没有和页面上的<EditForm>绑定。页面的EditForm会自动创建自己的EditContext，所以你绑定的OnFieldChanged事件根本没生效，自然无法清除错误消息。
2. 自定义验证时机错误：你把邮箱唯一性验证放在了OnValidSubmit里，但OnValidSubmit只有在所有验证通过后才会执行。当你在这里添加错误消息时，EditContext已经处于“验证通过”的状态，但你强行添加错误后，没有正确处理后续的状态同步，而且下次验证时这个错误不会被自动清除。
3. 不必要的API调用：context.EnableDataAnnotationsValidation()会启用数据注解验证，和你使用的FluentValidator可能产生冲突，而且完全没必要在提交时调用。

完整解决方案 #

第一步：重构EditContext和ValidationMessageStore的管理 #

把EditContext和ValidationMessageStore升级为组件的成员变量，绑定到EditForm上，确保所有验证逻辑都基于同一个上下文：

// 在ManageProfile类里添加成员变量
private EditContext? _editContext;
private ValidationMessageStore? _validationMessageStore;

然后在OnInitializedAsync里初始化它们，并绑定到EditForm：

protected override async Task OnInitializedAsync()
{
    var userInfo = await UserUtilities.GetApplicationUser().ConfigureAwait(false);
    Input = new InputModel
    {
        FirstName = userInfo.FirstName,
        LastName = userInfo.LastName,
        Email = userInfo.Email
    };

    // 初始化EditContext并绑定到Input模型
    _editContext = new EditContext(Input);
    _validationMessageStore = new ValidationMessageStore(_editContext);

    // 绑定字段变化事件，清除对应字段的自定义错误
    _editContext.OnFieldChanged += (sender, args) =>
    {
        _validationMessageStore?.Clear(args.FieldIdentifier);
        _editContext?.NotifyValidationStateChanged();
    };

    // 绑定全局验证请求事件，在这里执行邮箱唯一性验证
    _editContext.OnValidationRequested += async (sender, args) =>
    {
        _validationMessageStore?.Clear();
        await ValidateEmailUniqueness();
    };
}

第二步：实现邮箱唯一性验证逻辑 #

把之前的IsEmailValid逻辑整合到ValidateEmailUniqueness方法里，直接操作_validationMessageStore：

private async Task ValidateEmailUniqueness()
{
    if (_editContext == null || _validationMessageStore == null) return;

    var userInfo = await UserUtilities.GetApplicationUser().ConfigureAwait(false);
    // 如果邮箱和当前用户的一致，无需验证唯一性
    if (string.Equals(userInfo.Email, Input.Email, StringComparison.OrdinalIgnoreCase))
    {
        return;
    }

    var existingUser = await userManager.FindByEmailAsync(Input.Email).ConfigureAwait(false);
    if (existingUser != null)
    {
        // 添加邮箱重复的错误消息
        _validationMessageStore.Add(() => Input.Email, $"Username '{Input.Email}' is already taken.");
    }
}

第三步：修改Razor页面的EditForm绑定 #

把EditForm的EditContext属性绑定到我们创建的_editContext：

<EditForm Model="@Input" EditContext="@_editContext" OnValidSubmit="@UpdateProfile">
    <FluentValidator TValidator="InputModelValidator" />
    <!-- 其余内容保持不变 -->
</EditForm>

第四步：简化UpdateProfile方法 #

现在所有验证（包括FluentValidation和自定义的邮箱唯一性）都会在提交前自动执行，UpdateProfile只需要处理正常的提交逻辑即可：

private async Task UpdateProfile()
{
    // 这里可以放心执行更新操作，因为能走到这里说明所有验证都通过了
    var user = await UserUtilities.GetApplicationUser().ConfigureAwait(false);
    user.FirstName = Input.FirstName;
    user.LastName = Input.LastName;
    user.Email = Input.Email;

    var result = await userManager.UpdateAsync(user);
    if (result.Succeeded)
    {
        // 这里可以添加成功提示，比如显示Toast
        // await toastSuccess.Show();
    }
    else
    {
        // 处理更新失败的情况
        foreach (var error in result.Errors)
        {
            // 可以把错误添加到ValidationMessageStore或者显示Toast
            _validationMessageStore?.Add(() => Input.Email, error.Description);
        }
        _editContext?.NotifyValidationStateChanged();
    }
}

关键改进点说明 #

• 验证时机提前：把邮箱唯一性验证放到OnValidationRequested事件里，这样每次验证（包括字段变化、提交按钮点击）都会自动执行，错误消息会被正确添加或清除。
• 共享EditContext：确保页面的EditForm和我们的验证逻辑使用同一个EditContext，所有状态变化都能同步。
• 自动清除错误：通过OnFieldChanged事件，当用户修改邮箱字段时，自动清除该字段的自定义错误消息，确保UI实时更新。
• 分离验证和提交逻辑：验证逻辑只负责判断是否合法，提交逻辑只负责执行更新，代码更清晰，也符合Blazor的验证流程。

额外注意事项 #

• 移除UpdateProfile里所有手动添加错误消息的代码，因为现在验证逻辑已经在OnValidationRequested里处理了。
• 确保UserUtilities.GetApplicationUser()返回的是当前登录用户的正确信息，避免验证逻辑出错。
• 如果需要显示Toast提示重复邮箱，你可以在ValidateEmailUniqueness里判断如果邮箱重复，调用toastDuplicateEmail.Show()，不需要额外的InvokeAsync，因为事件回调已经在UI线程执行。

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