不会为使用 AJAX 获取的部分视图生成客户端验证脚本

Question

我正在尝试使用 MicrosoftMvcJQueryValidation 设置客户端验证 处理 ajax 提交的表单。 如果直接从视图渲染部分视图，它的工作效果非常好。 但是，当我尝试通过 XHR 获取它时，例如在 JQuery 对话框中显示它， 不会为输出 html 生成客户端验证 javascript。 有什么想法吗？

工作代码 - 部分视图使用 Html.RenderPartial 呈现：

视图：

<%@ Page Title="" Language="C#"  Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 <% Html.RenderPartial("New"); %>
</asp:Content>

部分视图：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Product>" %>
<% Html.EnableClientValidation();%> 
<% Html.BeginForm();%>
  <%= Html.EditField(m => m.price)%>
  <%= Html.ValidationMessageFor(m => m.price)%>
<% Html.EndForm();%>

不工作代码 - 部分视图使用 JQuery load() 函数获取。

查看：

<%@ Page Title="" Language="C#"  Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

 ....

 $("#dialog").load('~/Product/New/');
 $("#dialog").dialog("open");

 ....

 <div id="dialog" title=""></div>
</asp:Content>

相关控制器操作：

public PartialViewResult New(int id)
{
  return PartialView(service.GetProduct());
}

谢谢。

Answer 1

阅读 ARM 提到的博客后，解决方案似乎确实取决于
关于如何加载部分视图。
最终对我有用的是调用 __MVC_EnableClientValidation
将视图分配给元素后：

    $.get('~/Product/New/', function(data) {
        $("#dialog").html(data);

        // extracted from MicrosoftMvcJQueryValidation.js
        var allFormOptions = window.mvcClientValidationMetadata;
        if (allFormOptions) {
            while (allFormOptions.length > 0) {
                var thisFormOptions = allFormOptions.pop();
                __MVC_EnableClientValidation(thisFormOptions);
            }
        }
    },'html');

Answer 2

对于所有返回通过 AJAX 插入 DOM 的 JavaScript 的部分视图，都会发生这种情况。问题在于，随分部视图返回的 JavaScript 在插入到文档中时不会被执行/解释。

不幸的是，因为你正在处理的是生成的 JavaScript，我可以解释为什么你会遇到这个问题，但我不知道解决方案。如果这是您编写的函数，我建议将其添加到 OnComplete.我所能提供的就是这是一个 JavaScript 限制，并开始从那里开始寻找。

顺便说一句：这看起来很有希望 http ://adammcraventech.wordpress.com/2010/06/11/asp-net-mvc2-ajax-executing-dynamically-loaded-javascript/