javascript - 正在验证 MVC 隐藏字段

Question

我的页面上有一些字段会根据您在页面上所做的下拉选择而出现和消失。

所以，例如，我有

<section>
            @Html.LabelFor(model => model.AuctionTypeId)
            <div> @Html.DropDownList("AuctionTypeId", Model.AuctionTypes, @AuctionControllerResource.SelectAuctionType, new { id="auctionType", required = "required" })
                @Html.ValidationMessageFor(model => model.AuctionTypeId)       </div>
        </section>
        <section>
            @Html.LabelFor(model => model.AutomaticExtensionType, new { hidden = "true", id = "automaticExtensionTypeLabel" })
            <div> @Html.DropDownList("AutomaticExtensionType", Model.AutomaticExtensions, @AuctionControllerResource.SelectAutomaticExtensionType, new { hidden="hidden", required = "required", id = "automaticExtensionTypeList" }) 
                @Html.ValidationMessageFor(model => model.AutomaticExtensionType)       </div>
        </section>

我的 JQuery 代码是

$('#auctionType').change(function () {
    var selectedAuctionType = $("#auctionType").val();
    var englishAuctionType = $("#englishAuctionTypeId").val();
    if (selectedAuctionType == englishAuctionType) {
        $("#automaticExtensionTypeList").show();
        $("#automaticExtensionTypeLabel").show();
    } else {
        $("#automaticExtensionTypeList").hide();
        $("#automaticExtensionTypeLabel").hide();
    }
});

现在，显示和隐藏工作正常进行。问题是，当我提交表单并且字段 automaticExtensionTypeList 被隐藏时，表单不会提交，因为 automaticExtensionTypeList 是必填字段。问题是我如何告诉 MVC 只验证可见字段？

我查看了我们在这个项目中编写的一些 JQuery，我们有这一行

$.validator.setDefaults({ ignore: [] });

显然这会启用隐藏验证。我的问题是，哪一行代码做相反的事情？

Answer 1

试试这个:

$.validator.setDefaults({
    ignore: ':hidden, [readonly=readonly]'
});

或用于定制

$.validator.setDefaults({
    ignore: "#automaticExtensionTypeList" 
});