验证模型解析 json 响应

Question

我想知道是否有人可以向我指出一个教程，或者给我一个关于如何验证模型并通过解析客户端上的 json 响应来显示其错误消息的想法。我确信这一定已经被问过，但找不到问题。

0) 用户将必填字段留空。
1) 点击提交按钮。
2) 处理帖子并发出 ajax 请求。
3）action方法处理post，尝试将模型绑定到表单集合。检测错误，因为必填字段为空。
4) 返回一个 json 响应，传递它尝试绑定的对象模型。
5）我想知道如何解析 json 响应，这样如果我检测到任何错误（例如必填字段），我可以利用生成的数据标签并显示其相应的错误消息。

操作方法：

[AcceptVerbs(HttpVerbs.Post)]
    public JsonResult ValidateTrade(FormCollection data) {
        Trade addedGroup = new Trade ();
        try {
            UpdateModel(addedGroup);
        }
        catch (Exception ex) {
        }  return json(addedGroup);
    }

Javascript：

    $.ajax({
            url: link,
            type: "POST",
            data: form.serialize(),
            success: function (data) {
//Parse response so if I detect errors, like required field, make use of the data tags already generated by MVC, show the corresponding error message.
                },
                error: function (jqXhr, textStatus, errorThrown) {
                },
                complete: function () {
                }
            });

这是我的.cshtml：

@Html.LabelFor(model => model.Trade.Name)
@Html.TextBoxFor(model => model.Trade.Name)
@Html.ValidationMessageFor(model => model.Trade.Name)

生成的html：

<label for="Trade_Name">Name:</label>
<input class="input-validation-error" data-val="true" data-val-required="Name requiered." id="Trade_Name" name="Trade.Name" type="text" value="" />
<span class="field-validation-error" data-valmsg-for="Trade.Name" data-valmsg-replace="true">Name requiered.</span>

Answer 1

查看 jQuery Validate 插件。它允许您设置自定义规则。您可以指定 MVC 生成的类来使用插件的验证方法。

Answer 2

MVC 有一个 RemoteValidator 标记，您可以添加其他属性以发送到服务器以进行验证，但这只会生成一条验证消息。

在某个时间点，我尝试按照您的建议进行操作，即通过 AJAX 向服务器发送数据，进行一些验证，返回错误列表，显示一些错误消息。我的做法是创建一个自定义对象，将其用于所有 JSON 响应。您可以扩展该对象以包含名称/值对的数组或列表，以便您识别哪些字段有错误。

public class JSONResponseObject
{
    private bool m_Success;
    private string m_Redirect;
    private string m_Message;
    private object m_Data;

    public bool Success
    {
        get { return m_Success; }
        set { m_Success = value; }
    }
    public string Redirect
    {
        get { return m_Redirect; }
        set { m_Redirect = value; }
    }
    public string Message
    {
        get { return m_Message; }
        set { m_Message = value; }
    }
    public object Data
    {
        get { return m_Data; }
        set { m_Data = value; }
    }


    public JSONResponseObject(bool Success)
    {
        m_Success = Success;

        m_Redirect = null;
        m_Message = null;
        m_Data = null;
    }
    public JSONResponseObject(bool Success, object Data)
    {
        m_Success = Success;
        m_Data = Data;

        m_Redirect = null;
        m_Message = null;
    }

    public JSONResponseObject(string Redirect)
    {
        m_Success = true;
        m_Redirect = Redirect;

        m_Message = null;
        m_Data = null;
    }
    public JSONResponseObject(bool Success, string Message)
    {
        m_Success = Success;
        m_Message = Message;


        m_Redirect = null;
        m_Data = null;
    }
    public JSONResponseObject(bool Success, string Message, object Data)
    {
        m_Success = Success;
        m_Message = Message;
        m_Data = Data;

        m_Redirect = null;
    }

}

这允许您将响应传回客户端并检查属性：

 $.ajax({
        type: "POST",
        dataType: 'json',
        url: "/woconnect/searchclients",
        data: "q=" + escape($('#searchTerm').val()) + "&clienttypeid=" + escape($('input[name="clienttypeid"]:checked').val()),
        success: function(response) {

            if (response.Success) {
             //do something with response.Data or response.Redirect
            }
            else
                alert(response.Message);

            $.unblockUI();
        },
        error: function() { $.unblockUI(); alert('An error occured and we were unable to load the clients'); }
    });

最大的问题是您必须在控制器内部编写验证，从而在控制器和视图之间创建依赖关系。我不喜欢那样。我的下一个项目使用 MVC 的内置客户端验证，按照 rauland 的建议使用 jQuery.Validate。如果设置正确，您可以使用一个操作通过检查 Request.IsAjaxRequest() 返回完整或部分视图，甚至返回 JSON 响应。还有很多工作要做，我发现内置验证是最容易使用的。