ASP.NET Core 7下拉列表回发与表单服务端验证实现疑问

方法一：使用模型验证（推荐） #

1. 修改ViewModel，添加验证注解 #

打开BookingsReportViewModel，给EventId属性添加必填验证注解，同时确保它是可空类型（避免值类型默认值绕过验证）：

public class BookingsReportViewModel
{
    [Required(ErrorMessage = "请选择活动")]
    public int? EventId { get; set; } // 必须用可空int，否则默认值0会被判定为有效
    public int? VenueId { get; set; }
    public IEnumerable<SelectListItem> Events { get; set; }
    public IEnumerable<SelectListItem> Venues { get; set; }
    // 新增字段标记是否为提交报告操作
    public bool IsSubmit { get; set; }
}

2. 修改视图，添加验证提示和操作标记 #

在表单中加入隐藏字段区分操作类型，同时在Event下拉框下方添加验证错误提示：

@model BookingsReportViewModel

<form asp-controller="Report" asp-action="Bookings" method="post">
    <!-- 隐藏字段：标记当前操作是否为提交报告 -->
    <input type="hidden" asp-for="IsSubmit" value="false" />
    
    <div class="mb-3 row">
        <label for="EventId" class="col-sm-3 col-form-label fw-bold">Event</label>
        <div class="col-sm-9">
            <select asp-for="EventId" asp-items="@Model.Events" class="form-select" onchange="this.form.submit();">
                <option value="">--- Select ---</option>
            </select>
            <!-- 显示验证错误信息 -->
            <span asp-validation-for="EventId" class="text-danger"></span>
        </div>
    </div>
    <div class="mb-3 row">
        <label for="VenueId" class="col-sm-3 col-form-label fw-bold">Venue</label>
        <div class="col-sm-9">
            <select asp-for="VenueId" asp-items="@Model.Venues" class="form-select">
                <option value="">--- Select ---</option>
            </select>
        </div>
    </div>
    <hr class="my-4" />
    <!-- 提交按钮点击时设置IsSubmit为true，标记是报告提交操作 -->
    <button type="submit" class="btn btn-primary" onclick="document.getElementById('IsSubmit').value='true';">Generate Excel Report</button>
</form>

3. 修改HttpPost Action，添加验证逻辑 #

在Post方法中，仅当用户点击提交报告按钮时，才执行验证逻辑：

[HttpPost]
public async Task<IActionResult> Bookings(BookingsReportViewModel viewModel)
{
    viewModel.Events = await PopulateEvents();

    if (viewModel.EventId != null)
    {
        viewModel.Venues = await PopulateVenuesForEvent(viewModel.EventId.Value);
    }

    // 只有提交报告操作时，才验证EventId是否已选择
    if (viewModel.IsSubmit)
    {
        if (!ModelState.IsValid)
        {
            // 验证失败，返回视图显示错误提示
            return View(viewModel);
        }
        
        // 验证通过，执行生成Excel报告的逻辑
        // TODO: 此处添加生成Excel的业务代码
        // return RedirectToAction("ReportGenerated"); // 示例：跳转至报告生成成功页
    }

    return View(viewModel);
}

方法二：手动在Action中添加验证（无需修改ViewModel注解） #

如果不想给ViewModel加注解，可以直接在Post Action中手动判断：

[HttpPost]
public async Task<IActionResult> Bookings(BookingsReportViewModel viewModel)
{
    viewModel.Events = await PopulateEvents();

    if (viewModel.EventId != null)
    {
        viewModel.Venues = await PopulateVenuesForEvent(viewModel.EventId.Value);
    }

    // 判断是否为提交报告操作
    if (viewModel.IsSubmit)
    {
        if (viewModel.EventId == null)
        {
            // 手动添加错误信息到ModelState，前端会自动显示
            ModelState.AddModelError("EventId", "请选择活动");
            return View(viewModel);
        }
        
        // 验证通过，执行生成Excel逻辑
        // TODO: 添加生成Excel的业务代码
    }

    return View(viewModel);
}

视图部分与方法一完全一致，需保留IsSubmit隐藏字段和验证提示。

关键说明 #

• 区分下拉变更和提交操作：用户选择Event时的回发仅用于加载Venue下拉，无需验证；只有点击生成报告按钮时才强制验证EventId。
• 可空类型的必要性：如果EventId是值类型（如int），默认值0会被判定为有效，导致验证失效，因此必须用int?。

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