jQuery验证,ASP.NET MVC ModelState错误(异步POST)

[httpPost]
public ActionResult SaveCustomer(Customerviewmodel input) {
    if (!ModelState.IsValid) { // <-- business validation
        return Json(new { success = false,errors = ???});
    }
    // persist 
    return Json(new { success = true });
}

在发生错误的情况下，我不会发送JSON，而是将表单放在部分中，然后控制器操作会在出现错误的情况下返回此部分。 JSON的问题是，事实上，您可以使用LINQ从ModelState中获取错误，但它可能是PITA在视图上显示它们。

所以：

<div id="myform">
    @Html.Partial("_MyForm")
</div>

然后在_MyForm.cshtml里面：

@model Customerviewmodel
@using (Html.beginForm())
{
    @Html.EditorFor(x => x.Foo)
    @Html.ValidationmessageFor(x => x.Foo)
    <br />
    @Html.EditorFor(x => x.bar)
    @Html.ValidationmessageFor(x => x.bar)
    <br />
    <input type="submit" value="OK" />
}

并且控制器动作将成为：

[httpPost]
public ActionResult SaveCustomer(Customerviewmodel model)
{
    if (!ModelState.IsValid)
    {
        return PartialView("_MyForm",model);
    }
    return Json(new { success = true });
}

最后一步是AJAXify这个表单可以在一个单独的javascript文件中完成：

$(function () {
    $('#myform').delegate('form','submit',function () {
        $.ajax({
            url: this.action,type: this.method,data: $(this).serialize(),success: function (result) {
                if (result.success) { 
                    // We have a JSON object in case of success
                    alert('success');
                } else {
                    // We have the partial with errors in case of failure
                    // so all we have to do is update the DOM
                    $('#myform').html(result);
                }
            }
        });
        return false;
    });
});