0

我已经设置了一个小测试项目，希望能解释我的问题。我有一个父类，该类的属性包含其所有 Child 类型的子项。在 MVC 视图中，我列出了表格中的所有子项，并让表单回发我的子项并将它们自动映射到父属性，我将它们呈现为：

@Html.TextBox(string.Format("Children[{0}].ChildName", childIndex), child.ChildName)

在控制器中，我已将属性 ChildName 标记为必需。我遇到的问题是 jquery 不显眼的验证不会发出任何数据验证属性。一切都在服务器上验证得很好，但在客户端上却没有（显然是因为在这些输入上找不到 jquery 验证的属性）。

请看一下代码：

看法

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        <form action="@Url.Action("Save")" method="post">
            @Html.TextBox("Name", (string)Model.Name)

            <table>
                <tr><td>Child name</td></tr>
                @{var childIndex = 0;}
                @foreach (var child in (List<GridValidationTest.Controllers.Child>)Model.Children)
                {
                    <tr><td>@Html.TextBox(string.Format("Children[{0}].ChildName", childIndex), child.ChildName)</td></tr>
                    childIndex++;
                }
            </table>

            <br /><button>Submit</button>
        </form>
    </div>
</body>
</html>

控制器

namespace GridValidationTest.Controllers
{
    public class Parent
    {
        [Required]
        public string Name { get; set; }
        public IList<Child> Children { get; set; }
    }

    public class Child
    {
        [Required]
        public string ChildName { get; set; }
    }

    public class MyController : Controller
    {
        //
        // GET: /My/

        public ActionResult Index()
        {
            var parent = new Parent { Name = "Parent name" };
            parent.Children = new List<Child>
            {
                new Child {ChildName = "First child"},
                new Child {ChildName = "Second child"}
            };
            return View("Index", parent);
        }

        public ActionResult Save(Parent parent)
        {
            return View("Index", parent);
        }

    }
}

对父类的属性名称的客户端验证按预期工作正常。我应该如何让孩子们让客户端验证按我的预期工作？

4

1 回答 1

1

您需要将视图中的字段绑定到模型。而不是使用：

@Html.TextBox(string.Format("Children[{0}].ChildName", childIndex), child.ChildName)

利用

@Html.TextBoxFor(model => model.Children[childIndex])
@Html.ValidationMessageFor(model => model.Children[childIndex])

还要确保在您的页面上包含正确的 jquery javascript 文件。就像是：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

还要确保在您的网络配置中，您已启用 ClientValidationEnabled 和 UnobtrusiveJavaScriptEnabled，如下所示：

<appSettings>
    ....
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
    ....
</appSettings>
于 2013-01-10T14:02:43.967 回答