如何在UI中显示Student对象Tests集合的验证消息（非ValidationMessage方式）

• 展示位置：放在Tests集合的整体容器上方或下方（比如所有Test输入框的最顶部/最底部，或者“添加Test”按钮附近），让用户一眼就能关联到是整个Tests集合的问题。
• 绑定方式：直接针对Student.Tests这个集合属性绑定验证消息，和你其他用For()绑定单个属性消息的逻辑保持一致。

示例代码（以ASP.NET MVC/Razor为例） #

<!-- 放在Tests集合容器前展示集合验证消息 -->
@Html.ValidationMessageFor(m => m.Tests)

<div class="tests-group">
    @foreach (var test in Model.Tests)
    {
        <div class="test-item">
            @Html.TextBoxFor(t => test.Name)
            @Html.ValidationMessageFor(t => test.Name)
        </div>
    }
    <button type="button" id="add-test-btn">添加Test</button>
</div>

自定义样式的替代方案 #

如果不想用默认的ValidationMessage辅助方法，也可以手动读取验证状态来渲染自定义结构：

@if (!ViewData.ModelState.IsValidField("Tests"))
{
    <div class="error-message">
        @ViewData.ModelState["Tests"].Errors[0].ErrorMessage
    </div>
}

Blazor环境下的写法 #

<!-- 集合验证消息 -->
<ValidationMessage For="@(() => Student.Tests)" />

<div class="tests-group">
    @foreach (var test in Student.Tests)
    {
        <div class="test-item">
            <InputText @bind-Value="test.Name" />
            <ValidationMessage For="@(() => test.Name)" />
        </div>
    }
    <button @onclick="AddTest">添加Test</button>
</div>

核心逻辑就是把集合级的验证消息和Tests属性绑定，展示在集合的整体区域附近，既符合用户的视觉预期，又和其他单个属性的验证消息展示逻辑统一。

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