浏览器自动填充注册表单后FluentValidation验证异常返回true

问题现象 #

• 手动填写表单时，FluentValidation可正常校验所有字段（包括ConfirmPassword、AcceptTerms），不符合规则时返回验证失败
• 浏览器自动填充Email和Password字段后，验证器始终返回true，未对ConfirmPassword和AcceptTerms执行有效校验

相关代码 #

验证器实现 #

public sealed class SignUpValidator : AbstractValidator<SignUpDataModel>
{
    public SignUpValidator(ITranslation translation)
    {
        RuleFor(x => x.Email).EmailAddress().WithMessage(translation["EMAIL_REQUIRED"]);
        RuleFor(x => x.Password)
            .NotEmpty().WithMessage(translation["PASSWORD_REQUIRED"]);
        RuleFor(x => x.ConfirmPassword)
            .NotEmpty()
            .Must((m, password) => !string.IsNullOrEmpty(m.Password) && password.Equals(m.Password)).WithMessage(translation["PASSWORD_VARY"]);
        RuleFor(x => x.AcceptTerms).Must(x => x).WithMessage(translation["ACCEPT_TERMS_REQUIRED"]);
    }
}

表单提交方法 #

public async Task AcceptForm(EditContext context)
{
    SuccessSignUp = false;
    
    ErrorMessages = new string[]{};
    
    IsValid = context.Validate();
    
    if(!IsValid)
        return;

    IsBusy = true;
    
    var result = await _apiResponseHandler.HandleAsync(
        _identityService.SignUpAsync(new(DataModel.Email, DataModel.Password)), false);

    IsBusy = false;
    
    SuccessSignUp = result.Succeeded;
    
    if (!result.Succeeded)
    {
        ErrorMessages = result.Errors.Select(x => x.Message);
        IsValid = false;
        
        return;
    }
}

解决方案 #

1. 强制验证所有字段 #

Blazor的EditContext.Validate()默认仅验证已触发变更事件的字段，浏览器自动填充时ConfirmPassword和AcceptTerms未触发变更，因此被跳过。修改提交逻辑，强制验证整个模型的所有字段：

// 替换原有的IsValid = context.Validate();
IsValid = context.Validate(context.Model);

2. 优化ConfirmPassword验证规则 #

使用FluentValidation内置的Equal规则替代自定义Must逻辑，既简化代码，又确保验证触发逻辑更可靠：

RuleFor(x => x.ConfirmPassword)
    .NotEmpty().WithMessage(translation["PASSWORD_CONFIRM_REQUIRED"])
    .Equal(x => x.Password).WithMessage(translation["PASSWORD_VARY"]);

3. 手动触发字段变更通知 #

在执行验证前，手动通知EditContext更新ConfirmPassword和AcceptTerms的字段状态，确保验证器能检测到当前值：

public async Task AcceptForm(EditContext context)
{
    SuccessSignUp = false;
    ErrorMessages = new string[]{};

    // 手动触发字段变更通知
    context.NotifyFieldChanged(new FieldIdentifier(DataModel, nameof(DataModel.AcceptTerms)));
    context.NotifyFieldChanged(new FieldIdentifier(DataModel, nameof(DataModel.ConfirmPassword)));

    IsValid = context.Validate(context.Model); // 强制全字段验证
    
    if(!IsValid)
        return;

    // 后续逻辑不变...
}

4. 禁用浏览器自动填充（可选） #

如果业务不需要浏览器自动填充功能，可在表单或字段上添加属性禁用：

<EditForm Model="@DataModel" OnSubmit="@AcceptForm" autocomplete="off">
    <!-- 密码字段可单独设置避免浏览器自动填充 -->
    <InputText @bind-Value="DataModel.Password" autocomplete="new-password" />
    <!-- 其他表单控件 -->
</EditForm>

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