ModelState无效时提交数据后的Ajax表单和UpdateTargetId

Question

在我看来，我有两个片面的观点。

• 第一个部分视图（PV1）：用户可以在文本框中键入一个项目并通过 ajax 表单提交。
• 第二部分视图（PV2）：用户可以查看之前提交的项目列表。

PV1 在 PV2 上的 div 上使用 UpdateTargetId，因为我们希望使用新添加的项目更新列表。

当 PV1 上提交的项目有效时，一切都会正常进行。当提交ajax表单时ModelState.IsValid == false时它不起作用。它不起作用，因为 UpdateTargetId 位于 PV2 上，并且我需要更新 PV1 以显示 ModelState 错误。所以我们在 PV2 上遇到了 PV1 的重复！

下面是另一篇关于类似问题的 stackoverflow 帖子，但没有提供解决方案。

如果 ModelState 无效，ASP.NET MVC AJAX 更改 UpdateTargetId< /a>

我认为 Json 替代方案可能是一个解决方案，但我想知道我们是否可以调整标准 Ajax 表单 方法来满足我们的需要？

Answer 1

您可以尝试使用 OnComplete: 而不是使用 UpdateTargetId，

@using (Ajax.BeginForm(new AjaxOptions { OnComplete = "complete" }))
{
    ...
}

并在此处理程序中测试结果视图中是否存在错误：

function complete(result) {
    var isError = $('span.field-validation-error', result.responseText).length > 0;
    if (isError) {
        // there was an error => we update the container of the form
        $('#frmContainer').html(result.responseText);
    } else {
        // no error => we hide validation errors and update the result container
        $('#frm .field-validation-error').hide();
        $('#frm .input-validation-error').removeClass('input-validation-error');
        $('#result').html(result.responseText);
    }
}