MVC Bootstrap 部分视图 ValidationMessageFor 在加载页面时执行

Question

我正在做 MVC、Bootstrap App。

我打开一个 Bootstrap Partial View from Jquery 传递 Model 作为参数。

从 Controller 我 return Partial View 我从 Jquery 打开它。

我发现的问题是 ValidationMessageFor 在 en Partial View 加载时执行...我找不到原因。

过程是这样的...我有一个调用 JavaScript 函数的图像...

img id="btnEmail" src="~/Content/Images/Email.png" onclick="btnEmail('param1',Param2)"

这是我的 Jquery

  function btnEmail(nick, user_id) {
       --validate if user is logged and call function that call Partial View
        if (SearchLogin())
            SendMail();
    }

 function SendMail() {

            user_id = $('#CommentUser_id').val();
            nick = $('#LblCommentName').val();
            if (user_id == $('#User_id').val())
                return;

            var model = { Object_id: $("#Upload_id").val(), Nick: nick, UserDestination_id: $("#User_id").val(), Parent_id: null, UserOrigin_id: user_id};
            $.ajax(
                      {
                          type: "POST",
                          url: '@Url.Action("Email", "Contact")',
                          data: model,
                          success: function (result) {
                              $("#myModalContact").html(result).modal({ backdrop: "static" });
                          },
                         
                      });
            "static" });
        }

这是我的

Controller Method

 public async Task<ActionResult> Email(ContactModel model)
        {
            return PartialView("_Contact", model);
        }

这是我的局部视图

如果我这样调用局部视图

<div class="modal fade" id="myModalContact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        @Html.Partial("~/Views/Contact/_Contact.cshtml", new TableAvivaVoz.Models.ContactModel() { Object_id = Model.upload.Upload_id, Nick = Model.upload.Nick, UserDestination_id = Model.upload.User_id, Parent_id = null,UserOrigin_id=Model.User_id });
    </div>

它工作正常...

这是我的局部视图的一部分

@model  TableAvivaVoz.Models.ContactModel
@{
    AjaxOptions ajaxOpts = new AjaxOptions
    {
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "POST",
        OnSuccess = "sucessContact",
    };
}
@using (Ajax.BeginForm("XXX", "Contact", ajaxOpts))
{
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                   
                </h4>
            </div>
            <div class="myPartialContact">
                <div class="alert alert-success hidden">
                </div>
            </div>
            @Html.AntiForgeryToken()
           
            <div style="padding-bottom:220px">
                <div class="modal-body">
                    <div class="col-md-10">
                        @Html.TextAreaFor(model => model.Description, 10, 80, new { @class = "txtDescQ", placeholder = "Ingresa un mensaje", @rows = 8, onclick = "OcultarRecomend();" })
                        @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
                    </div>
                </div>
            </div>
                <div class="myPartialContactBtn modal-footer">
                    <button type="button" class="btn btn-default visible btnOk" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary visible btnOk" id="btnSave">Enviar</button>

                </div>

            </div><!-- /.modal-content -->
    </div><!-- /.modal -->
}

知道哪里出了问题吗？

Answer 1

加载时出现错误，因为您将错误的模型传递给操作 Email(ContactModel model)。当您 ajax post 时，模型绑定器会验证模型并将错误添加到模型状态。

要解决此问题，请执行以下操作：

public async Task<ActionResult> Email(ContactModel model)
{
     ModelState.Clear();    
     return PartialView("_Contact", model);
}

如果有帮助请告诉我。

MVC Bootstrap 部分视图 ValidationMessageFor 在加载页面时执行

MVC Bootstrap Partial View ValidationMessageFor execute on loading Page

javascript

asp.net-mvc

jquery

partial-views

twitter-bootstrap