Blazor技术疑问：模型内嵌套类实例属性未触发表单验证的原因与解决

问题原因 #

Blazor默认的DataAnnotationsValidator只会验证绑定模型的直接属性，不会自动递归验证嵌套的复杂对象；另外如果你的Student.Phone实例是null，验证器根本无法访问Number属性，自然不会触发验证。

解决步骤 #

1. 确保嵌套对象已实例化 #

首先要保证Student类中的Phone属性不是null，否则验证器无法读取嵌套属性。修改Student类，在构造函数里初始化Phone：

public class Student
{
    [Required]
    public string Name { get; set; }
    
    public Phone Phone { get; set; }

    // 构造函数初始化嵌套对象
    public Student()
    {
        Phone = new Phone();
    }
}

public class Phone
{
    [Required]
    public string Number { get; set; }
}

2. 使用支持递归验证的组件 #

把Blazor组件里的DataAnnotationsValidator换成ObjectGraphDataAnnotationsValidator，这个组件会递归遍历模型的所有嵌套对象并执行验证。

示例组件代码：

<EditForm Model="@student" OnValidSubmit="@HandleValidSubmit">
    <!-- 替换为支持嵌套验证的组件 -->
    <ObjectGraphDataAnnotationsValidator/>
    <ValidationSummary/>

    <div>
        <label>姓名:</label>
        <InputText @bind-Value="student.Name"/>
        <ValidationMessage For="@(() => student.Name)"/>
    </div>

    <div>
        <label>手机号:</label>
        <InputText @bind-Value="student.Phone.Number"/>
        <ValidationMessage For="@(() => student.Phone.Number)"/>
    </div>

    <button type="submit">提交</button>
</EditForm>

@code {
    private Student student = new Student();

    private void HandleValidSubmit()
    {
        // 处理表单提交逻辑
    }
}

额外说明 #

• ObjectGraphDataAnnotationsValidator属于Microsoft.AspNetCore.Components.DataAnnotations.Validation命名空间，.NET 6+版本通常已包含在框架依赖中，无需额外安装NuGet包。
• 验证嵌套属性的ValidationMessage要正确指向嵌套路径，比如@(() => student.Phone.Number)。

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