Blazor WASM中EditForm验证失效问题求助

你的核心问题是EditForm绑定了单个属性而非完整模型对象，导致DataAnnotationsValidator无法正常触发验证逻辑。Blazor的数据注解验证依赖于包含验证特性的模型类实例，直接绑定单个字符串属性时，验证系统无法识别[Required]特性，自然不会拦截空提交或显示错误。

修正步骤 #

1. 确保使用完整模型类 #

即使你之前试过单独创建类，要确保模型类的定义和使用正确：

public class LoginModel
{
    [Required(ErrorMessage = "Dette felt skal udfyldes.")]
    [EmailAddress(ErrorMessage = "Indtast en gyldig email adresse.")] // 可选：添加邮箱格式验证
    public string Email { get; set; } = string.Empty;
}

2. 修改组件中的模型实例与EditForm绑定 #

在你的Blazor组件中，声明模型类的实例，而不是单个字符串属性：

@code {
    private LoginModel _loginModel = new LoginModel();

    private void EnteredEmail()
    {
        // 只有验证通过时才会执行到这里
        Console.WriteLine($"Email submitted: {_loginModel.Email}");
    }
}

3. 更新EditForm及表单控件的绑定 #

把EditForm的Model绑定到模型实例，同时调整InputText和ValidationMessage的绑定目标：

<EditForm Model="@_loginModel" OnValidSubmit="@EnteredEmail">
    <DataAnnotationsValidator />
    <ValidationSummary /> <!-- 可选：添加汇总所有错误的控件 -->

    <label>Indtast emailen tilknyttet din konto</label>
    <InputText placeholder="Email" @bind-Value="_loginModel.Email" />
    <ValidationMessage For="@(() => _loginModel.Email)" />

    <button type="submit">Næste</button>
</EditForm>

为什么之前的方式不生效？ #

Blazor的DataAnnotationsValidator会扫描绑定模型的所有属性及其数据注解，当你直接传入单个字符串Email时，它本质上是一个值类型的实例，验证系统无法识别其上的[Required]特性（因为特性是附加在属性上的，而不是字符串实例本身上）。只有当模型是一个类，且属性带有验证特性时，验证系统才能正常工作。

另外，你提到自行验证表单返回true，这是因为直接验证单个空字符串时，Validator.TryValidateObject无法正确识别[Required]特性的上下文，必须基于包含该属性的模型类来验证。

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