asp.net-mvc - 使用 WebApi 进行客户端验证

Question

我正在尝试对通过 WebApi 返回的对象执行客户端验证。我通过 webapi 将实体发送到我的实体编辑屏幕。我使用敲除将对象绑定(bind)到字段。

我已经有一个处理所有服务器端验证的操作过滤器。
如何在不必复制域模型数据注释的情况下合并客户端验证？

Answer 1

使用 WebApi，您需要一些“粘合”代码来将模型验证失败返回的错误连接到客户端验证器。

function extractErrors(jqXhr, validator) {
    var data = JSON.parse(jqXhr.responseText), // parse the response into a JavaScript object
        errors = {};

    $.each(data.ModelState, function (key, value) {
        var pieces = key.split('.');
        key = pieces[pieces.length - 1];
        errors[key] = value
    });

    validator.showErrors(errors); // show the errors using the validator object
}

在模型上，照常注释:

[Required]
[Display(Name = "Group Name")]
public string Name { get; set; }

在 View 中，添加 ValidationMessageFor 标签:

@Html.EditorFor(m => m.Name)
@Html.ValidationMessageFor(m => m.Name)