ajax - 注入(inject) Ajax 内容的 MVC2 客户端验证

Question

我正在进行 Ajax 调用并向 MVC2 应用程序内的表单添加内容。
我需要使用新内容的验证来更新客户端验证元数据。

 <script type="text/javascript"> 
//<![CDATA[
if (!window.mvcClientValidationMetadata) { window.mvcClientValidationMetadata = []; }
window.mvcClientValidationMetadata.push({"Fields":[{"
...
</script>

有没有办法为部分 View 生成此元数据？

提前致谢。

Answer 1

我也在这几天把头撞在墙上，并且打算沿着删除表单标签的路线走，但是如果你仍然感兴趣的话，可以让它以一种稍微不那么老套的方式工作。我的场景类似，因为我有一个表单，其中包含要验证的元素集合，但用户可以通过 ajax 动态添加新行。

我会分解它，所以希望它会更容易看到发生了什么。查看 MVC 源代码，表单和验证大致如下:

Html.BeginForm() 输出打开的表单标签，然后创建并返回一个新的 MvcForm 实例，除了使表单的范围更易于管理外，它并没有做太多的事情。
然而，它确实创建了一个新的 FormContext 并将其存储在 ViewContext.FormContext 中。正是这个 FormContext 跟踪客户端验证。

Html.BeginForm() 做的最后一件事是使用表单标签的 id 设置新 FormContext 的 FormId 属性。这是必需的，以便客户端脚本可以匹配表单和验证规则。

Html.EndForm() 处理 MvcForm。此 Dispose 方法输出表单结束标记，然后调用 ViewContext.OutputClientValidation() ，它负责输出 javascript。最后，它删除当前的 FormContext 并将其设置回父 FormContext 或 null 如果没有。

因此，为了不输出表单标记，我们需要以某种方式从 MvcForm 构造函数/析构函数中取出一些 FormContext 管理。

所以在我的部分 View 中，我做了以下事情:

在顶部，我检查 ViewContext.FormContext 是否有值。如果是这样，我们处于初始负载中，因此无需乱搞。如果不是，它是一个 ajax 调用，所以我启用客户端验证，直接创建一个新的 MvcForm(不使用 BeginForm)——这会导致创建一个 FormContext——并将 FormContext.FormId 设置为与我的父页面相同

在 View 结束时，我检查是否有表单实例，如果有，则调用 ViewContext.OutputClientValidation() 并将 ViewContext.FormContext 重置为 null。我不 Dispose() MvcForm，因为这会输出结束标记，而 MvcForm 不包含一次性对象。

View 的骨架如下所示:

<%
MvcForm dummyForm = null;
if (this.ViewContext.FormContext == null)
{
    Html.EnableClientValidation();
    dummyForm = new MvcForm(this.ViewContext);
    this.ViewContext.FormContext.FormId = "mainform";
}
%>

// standard partial view markup goes here

<%
if (dummyForm != null)
{
    this.ViewContext.OutputClientValidation();
    this.ViewContext.FormContext = null;
}
%>

你可以很容易地把它包装成一个扩展方法

菲尔