MVC Bootstrap Partial View ValidationMessageFor 在加载页面上执行答案

【问题标题】：MVC Bootstrap Partial View ValidationMessageFor execute on loading PageMVC Bootstrap Partial View ValidationMessageFor 在加载页面上执行
【发布时间】：2017-05-19 20:01:01
【问题描述】：

我正在做一个MVC，Bootstrap App。

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

从Controller 返回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 -->
}

有什么想法吗？

【问题讨论】：

什么调用了javascript函数SendMail()?
zgood... SendMail 是从另一个执行某些操作的 JavaScript 调用的。验证...第一个 javascrpit 函数是从 Image click 调用的...我要更新帖子。坦克

标签： javascript jquery asp.net-mvc twitter-bootstrap partial-views

【解决方案1】：

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

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

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

如果有帮助，请告诉我。

【讨论】：