在mvc视图中显示模式弹出窗口中的验证错误

时间:2012-12-12 00:31:00

标签: jquery twitter-bootstrap asp.net-mvc-4 modal-dialog

我有一个主视图,我在其中调用部分视图'添加'。此添加视图是一个带有提交按钮的表单,我将其显示为模式弹出框。 要提交表单,我正在对一个动作方法进行ajax调用。现在,我需要两件事 - 1.如果发布的数据有效,则显示成功消息并关闭模态 2.如果存在任何验证错误,请在突出显示字段时在模式弹出窗口中显示它们。  我正在使用twitter bootstrap来显示模态。 Ajax电话:

 $.ajax({
        url: urlForSavingAdd,
        data: JSON.stringify(dataToSend),
        cache: false,
        type: 'POST',
        dataType: 'application/JSON',
        contentType: "application/json;charset=utf-8",
        success: function (data, status) {
                $('#divAddNew').html(data.Message);
                $('#divAddNew').fadeOut();
                },
        error: function (xhr, ajaxOptions, thrownError) {
               var errorMessage = xhr.responseText;
               $('#divAddNew').html(errorMessage);
              $('#divAddNew').show();
        }
    });

控制器 -

[HttpPost]
    public JsonResult Add(SomeModel add)
    {
        if (ModelState.IsValid)
        {
            //Save item to DB
                return Json(new
                {
                   Message = "Record saved successfully to the Database."
                });
         }
        else
        {
                return Json(new
                    {
                   Message = GetModelStateErrors(this.ModelState);
                     });
         }
    }

0 个答案:

没有答案