如何为asp-for标签指定实体类嵌套属性实现模型验证？

你的核心问题在于：当前Razor页面的模型是ResultGetUsersDto（包含用户列表），但更新单个用户的表单需要绑定单个用户的模型（而非列表容器），所以直接基于页面父模型的asp-for写法无法正确匹配属性，自然无法触发模型验证。

为什么之前的写法失败？ #

• asp-for="Users.fullname"：Users是List<GetUsersDto>类型，没有直接的fullname属性，无法识别。
• asp-for="fullname"：页面模型ResultGetUsersDto本身不包含fullname属性，找不到对应字段。
• asp-for="Users[0].fullname"：仅能绑定列表中第一个用户的属性，但更新操作针对的是任意选中的用户，且后端接收的是单个用户对象，而非列表，逻辑不匹配。

正确实现方案 #

方案1：使用局部视图绑定单个用户模型 #

1. 创建局部视图（如_UpdateUserForm.cshtml），模型指定为单个用户的DTO（如GetUsersDto）：

@model GetUsersDto

<form id="formdata" asp-action="UpdateUser" method="post">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">UPDATE USERS</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        </div>
        <div class="modal-body">
            <input type="hidden" asp-for="id" />
            <input asp-for="fullname" class="form-control" />
            <!-- 自动渲染验证提示 -->
            <span asp-validation-for="fullname" class="text-danger"></span>
            <button type="submit" class="btn btn-primary waves-effect waves-light">Save</button>
        </div>
    </div>
</form>

2. 在主页面的模态框中引用该局部视图：

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        @await Html.PartialAsync("_UpdateUserForm", new GetUsersDto())
    </div>
</div>

3. 添加JavaScript逻辑，在弹出模态框时填充选中用户的数据：

// 假设点击编辑按钮时传入选中的用户对象
function openEditModal(user) {
    // 匹配局部视图中生成的input id（asp-for会自动生成对应id）
    $('#id').val(user.id);
    $('#fullname').val(user.fullname);
    $('#myModal').modal('show');
}

方案2：手动指定字段名并启用验证 #

如果不想新增局部视图，可以手动设置表单字段的name属性，同时手动添加验证提示：

<div class="modal-body">
    <input type="hidden" id="txtEditIdUser" name="id" />
    <input type="text" class="form-control" id="txtEditFullname" name="fullname" />
    <!-- 手动指定验证的属性，需要确保后端接收的参数模型包含fullname -->
    <span asp-validation-for="GetUsersDto.fullname" class="text-danger"></span>
    <button type="button" onclick="UpdateUser()" class="btn btn-primary waves-effect waves-light">Save</button>
</div>

注意：这种方式需要确保后端UpdateUser动作的参数是GetUsersDto或User类型，且页面需引入验证脚本：

<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>

内容的提问来源于stack exchange，提问作者Ali.M Eghbaldar