ModelState错误不会在部分视图窗体中显示

ModelState 错误通常在 ASP.NET MVC 或 ASP.NET Core MVC 中使用，用于表示模型绑定和验证过程中出现的问题。当用户提交表单时，服务器端会对提交的数据进行验证，如果数据不符合预期，就会在 ModelState 中记录错误信息。

基础概念

ModelState: 是一个字典对象，包含了模型绑定的结果和验证错误。
部分视图: 是一个可以嵌入到其他视图中的小型视图，通常用于重用UI组件。

为什么ModelState错误不会在部分视图窗体中显示

当使用部分视图时，如果 ModelState 中存在错误，这些错误可能不会自动显示在部分视图中。这是因为部分视图通常是通过 AJAX 请求加载的，而 ModelState 错误默认情况下不会通过 AJAX 请求传递。

解决方法

要在部分视图中显示 ModelState 错误，可以采取以下几种方法：

方法一：手动传递ModelState

在控制器中，你可以手动将 ModelState 错误添加到视图中，并在部分视图中显示这些错误。

public IActionResult LoadPartialView()
{
    if (!ModelState.IsValid)
    {
        // 将错误信息添加到一个可以被部分视图访问的地方
        TempData["ModelState"] = ModelState;
    }
    return PartialView("_YourPartialView");
}

然后在部分视图中：

@if (TempData["ModelState"] != null)
{
    <div class="alert alert-danger">
        @foreach (var modelState in ((ModelStateDictionary)TempData["ModelState"]).Values)
        {
            foreach (var error in modelState.Errors)
            {
                <p>@error.ErrorMessage</p>
            }
        }
    </div>
}

方法二：使用AjaxOptions传递错误

如果你是通过 AJAX 加载部分视图，可以在 AjaxOptions 中指定如何处理错误。

@using (Ajax.BeginForm("YourAction", "YourController", new AjaxOptions
{
    HttpMethod = "POST",
    UpdateTargetId = "yourPartialViewContainer",
    OnFailure = "handleError"
}))
{
    // 表单内容
}

然后在 JavaScript 中定义 handleError 函数来处理错误：

function handleError(ajaxContext) {
    var response = ajaxContext.responseJSON;
    if (response && response.modelState) {
        // 显示错误信息
        for (var key in response.modelState) {
            var errors = response.modelState[key];
            for (var i = 0; i < errors.length; i++) {
                alert(errors[i]);
            }
        }
    }
}