如何实现Blazor中CustomValidation的异步邮箱唯一性验证？

1. 更新CustomValidation标记邮箱状态 #

你需要借助ValidationMessageStore来管理异步验证的错误信息：

• 先在组件中关联ValidationMessageStore与你的EditContext：

  private ValidationMessageStore _validationStore;
  private EditContext _editContext;
  private CustomValidation? _customValidation;
  
  protected override void OnInitialized()
  {
      _editContext = new EditContext(你的用户注册模型实例);
      _validationStore = new ValidationMessageStore(_editContext);
  }
  

• 后台验证任务完成后，针对邮箱字段更新状态：

  // 定位邮箱字段
  var emailField = _editContext.Field(nameof(你的用户注册模型.Email));
  
  // 清除该字段原有验证信息
  _validationStore.Clear(emailField);
  
  // 根据数据库检查结果处理
  if (!邮箱唯一)
  {
      _validationStore.Add(emailField, "该邮箱已被注册");
  }
  

2. 后台线程调用ClearErrors/DisplayErrors的注意事项 #

Blazor的UI操作必须在主线程执行，直接在后台线程调用这些方法会触发异常。你需要用InvokeAsync把操作切换到UI线程：

await InvokeAsync(() =>
{
    _validationStore.Clear(emailField);
    if (!邮箱唯一)
    {
        _validationStore.Add(emailField, "该邮箱已被注册");
    }
});

3. 通知表单验证状态变更 #

更新验证错误后，必须手动触发EditContext的状态变更通知，让表单重新校验状态、更新提交按钮可用性：

await InvokeAsync(() =>
{
    // 先执行错误更新逻辑
    _validationStore.Clear(emailField);
    if (!邮箱唯一) _validationStore.Add(emailField, "该邮箱已被注册");
    
    // 通知表单验证状态变更
    _editContext.NotifyValidationStateChanged();
});

完整异步验证流程示例：

private async Task TriggerEmailCheckAsync(string email)
{
    // 先显示验证中提示
    var emailField = _editContext.Field(nameof(你的用户注册模型.Email));
    _validationStore.Clear(emailField);
    _validationStore.Add(emailField, "checking email...");
    _editContext.NotifyValidationStateChanged();

    try
    {
        // 后台调用数据库验证接口
        bool isEmailUnique = await 你的数据服务.CheckEmailUniqueAsync(email);
        
        await InvokeAsync(() =>
        {
            _validationStore.Clear(emailField);
            if (!isEmailUnique)
            {
                _validationStore.Add(emailField, "该邮箱已被注册");
            }
            _editContext.NotifyValidationStateChanged();
        });
    }
    catch
    {
        await InvokeAsync(() =>
        {
            _validationStore.Clear(emailField);
            _validationStore.Add(emailField, "邮箱验证失败，请稍后重试");
            _editContext.NotifyValidationStateChanged();
        });
    }
}

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