MVC 5萬無一失的客戶端驗證

Question

我在使用nuget萬無一失的軟件包進行客戶端驗證時遇到了麻煩。

我的模特

public class Item {

    public int Id { get; set; }

    [Required]
    public double Quantity { get; set; }

    [RequiredIfNotEmpty("Quantity")]
    public string LocationCode { get; set; }
    public IEnumerable<SelectListItem> LocationList { get; set; }
}

我認為我有

    @model IList<MyApp.Models.Item>
    <!-- some HTML -->

    @for(int i = 0; i < Model.Count; i++)
    {
        <tr>
            <td>
                @Html.DropDownListFor(p => p[i].LocationCode, Model[i].LocationList, string.Empty, new { @class = "form-control" })                  
                @Html.ValidationMessageFor(p => p[i].LocationCode)
            </td>
            <td>
                @Html.TextBoxFor(p => p[i].Quantity, new { @class = "form-control"})
                @Html.ValidationMessageFor(p => p[i].Quantity)
            </td>
        </tr>
    }

在_Layout.cshtml中，包含以下捆綁軟件：

@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/jqueryval")
@RenderSection("scripts", required: false)

我的jqueryval包看起來像這樣：

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*",
                        //"~/Scripts/MvcFoolproofJQueryValidation.min.js",
                        "~/Scripts/mvcfoolproof.unobtrusive.min.js"
                        //"~/Scripts/MvcFoolproofValidation.min.js"
                        ));

在我的web.config中，我有：

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

我已經嘗試過使用mvcfoolproof js文件進行不同的組合，但是我根本無法使客戶端驗證正常工作。 對於數量文本框，它正在工作。 請注意，服務器端IS正在運行。

Answer 1

嘗試將模型從IList更改為MyApp.Models.Item，並將僅一項從控制器傳遞到視圖。 然后，客戶端驗證應該起作用。 我認為@for（）循環是個問題-您有多個“數量”字段，而剃刀無法選擇正確的字段。