MVC新手求助：如何将TempData错误以ValidationSummary样式批量展示？

嘿，我刚接触MVC的时候也碰到过这个困扰——ValidationSummary确实只认ModelState里的错误，没法直接展示TempData里的自定义错误，但咱们完全可以自己实现一个和它样式、体验一致的错误展示区域，步骤很简单：

第一步：在控制器中收集错误并存入TempData #

你可以在处理文件上传的Action里，用一个List<string>来收集所有上传过程中出现的错误，比如文件格式不合法、Excel读取失败、文件大小超限等等，然后把这个列表存入TempData：

[HttpPost]
public ActionResult UploadExcel(HttpPostedFileBase file)
{
    var errors = new List<string>();

    // 检查文件是否为空
    if (file == null || file.ContentLength == 0)
    {
        errors.Add("请选择要上传的Excel文件");
    }
    // 检查文件格式
    else if (!Path.GetExtension(file.FileName).Equals(".xlsx", StringComparison.OrdinalIgnoreCase) && 
             !Path.GetExtension(file.FileName).Equals(".xls", StringComparison.OrdinalIgnoreCase))
    {
        errors.Add("仅支持上传.xlsx或.xls格式的文件");
    }
    else
    {
        try
        {
            // 这里是你用ExcelDataReader读取文件的逻辑
            using (var stream = file.InputStream)
            {
                // 假设读取过程中可能抛出异常
                // ...你的读取代码...
            }
        }
        catch (Exception ex)
        {
            errors.Add($"文件读取失败：{ex.Message}");
        }
    }

    // 如果有错误，存入TempData
    if (errors.Any())
    {
        TempData["UploadErrors"] = errors;
        return RedirectToAction("Index"); // 回到上传页面
    }

    // 没有错误的话，继续后续逻辑
    return RedirectToAction("Success");
}

第二步：在视图中模仿ValidationSummary展示错误 #

接下来在你的上传页面视图里，取出TempData中的错误列表，然后用和ValidationSummary一致的HTML结构（比如Bootstrap的alert alert-danger类）来渲染，这样视觉效果就和原生的ValidationSummary完全一样了：

@{
    var uploadErrors = TempData["UploadErrors"] as List<string>;
}

@* 先展示原生的ModelState错误（如果有的话） *@
@Html.ValidationSummary(true, "", new { @class = "alert alert-danger" })

@* 再展示TempData中的上传错误 *@
@if (uploadErrors != null && uploadErrors.Any())
{
    <div class="alert alert-danger">
        <ul>
            @foreach (var error in uploadErrors)
            {
                <li>@error</li>
            }
        </ul>
    </div>
}

@* 你的文件上传表单 *@
@using (Html.BeginForm("UploadExcel", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input type="file" name="file" />
    <input type="submit" value="上传Excel" class="btn btn-primary" />
}

额外小技巧：封装成局部视图复用 #

如果多个页面都需要展示这类自定义错误，你可以把上面的错误展示代码做成一个局部视图（比如_CustomValidationSummary.cshtml），然后在需要的页面直接引用：

@Html.Partial("_CustomValidationSummary")

这样就不用重复写代码啦！

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