data-val 属性未在 ASPNET MVC3 中使用 Html.ActionLink 创建的部分视图中生成

Question

我有这样的结构

View

    Html.RenderPartial (1)

    Html.RenderPartial (2)

然后在我拥有的每个部分视图中

 @Ajax.ActionLink("Edit", "EditMethod", null, new AjaxOptions
               {
                   HttpMethod = "POST",
                   InsertionMode = InsertionMode.Replace,
                   UpdateTargetId = "divEditContent"
               }, new { @class = "my-edit" })

，当单击它时，它会渲染另一个部分，用类似以下内容的div“divEditContent”替换：

public PartialViewResult EditContactInformation()
{
    return PartialView("_MyEdit", GetDetails());
}

_MyEdit部分有类似的内容：

    @using (Ajax.BeginForm("SaveContactInformation", "MyBsol", new AjaxOptions
    {
        HttpMethod = "POST",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "divContactInformationContent"
    }))
    {
     <script type="text/javascript">
            $(function () {
                $('form#ajaxForm').find('a.submit-link').click(function () {
                    $('form#ajaxForm').submit();
                });
            })
        </script>
    <a href="#" class="submit-link">Save</a>
    @Ajax.ActionLink("Cancel", "CancelEdit", null, new AjaxOptions
                           HttpMethod = "POST",
                           InsertionMode = InsertionMode.Replace,
                           UpdateTargetId = "divContent"
                       }, new { @class = "my-cancel" })
     @Html.TextBoxFor(model => model.Title, new { @class = "txt-input", placeholder = "Eg. Mr, Mrs, Ms" })
    @Html.ValidationMessageFor(model => model.Title)
    }

问题是data-val属性没有渲染对于输入，但是如果我将最后一个部分 (_MyEdit) 放在 Ajax.ActionLink (1) 的位置，它就会渲染它们。

这是一个错误吗？有什么解决办法吗？ 提前致谢！ Guillermo

更新

我发现了一些非常有趣的东西，如果我去（在带有 Firebug 的 Chrome 或 Firefox 中）并单击“查看源代码”，我看不到 data-val 属性，但如果我单击“检查元素”我看到他们了……奇怪……

Answer 1

如果您希望数据验证标记存在，则需要位于 FormContext 中。因此，如果您要动态生成表单的某些部分，则需要在部分视图中包含以下行：

@{ if(ViewContext.FormContext == null) {ViewContext.FormContext = new FormContext(); }

然后，您需要确保每次添加/删除项目时动态重新绑定不显眼的验证：

$("#form").removeData("validator");
$("#form").removeData("unobtrusiveValidation");
$.validator.unobtrusive.parse("#form");