jQuery - 使用 display:none 样式验证剑道下拉列表答案

【问题标题】：jQuery - validate kendo dropdownlist with display:none stylejQuery - 使用 display:none 样式验证剑道下拉列表
【发布时间】：2014-03-18 10:39:43
【问题描述】：

在我看来，我有一个剑道下拉列表。我已经实现了在视图中插入这些脚本的 jQuery 验证：

<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>

我已在实体中将属性设置为必需，并且我只需要执行验证。

型号：

[Required(ErrorMessage = "Campo Tipo de Llenado es necesario")]
        public int TipoLlenado { get; set; }

查看：

@(Html.Kendo()
    .DropDownListFor(model => model.pedidoGranelAutoEs.TipoLlenado)
    .BindTo(new SelectList(cmbTipoLlenado.Select(s => new { Key = s.IdDatoMaestro, Value = s.ValorPortal }), "Key", "Value"))
    .Events(events =>
    {
        events.Select("selectTipoLlenado");                         
    })
    .OptionLabel(Idioma.Shared.Pedidos_SeleccioneOpcion)
    )
@Html.ValidationMessageFor(model => model.pedidoGranelAutoEs.TipoLlenado)

问题是，如果我使用 Chrome 检查网络并从 kendo DropDownList（使用 Razor）生成的输入中删除“display:none”样式，然后按下提交按钮，验证工作正常。

我尝试了以下解决方案，但没有结果：

$(document).ready(function () {
        $('#formu').validate({
            ignore: []
        });
}

或

$(document).ready(function () {
        $('#formu').validate({
            ignore: ':hidden'
        });
}

或

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

或

$.validator.setDefaults({ ignore: ':hidden' });

有什么建议吗？？

提前致谢！！

【问题讨论】：

标签： asp.net-mvc-4 kendo-ui jquery-validate html.dropdownlistfor

【解决方案1】：

我发现了错误。那是我必须写一行：

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

$(document).ready(function () {...}之外

【讨论】：

我将在 2 天内将其标记为解决方案（当 stackoverflow 允许我时；））
非常奇怪的解决方案以某种方式对您来说是独一无二的，就像it's been proven through jsFiddle demonstrations 一样，无论设置是否在 DOM 就绪事件处理程序中都没有区别。它要么已设置，要么未设置...插件要么忽略隐藏字段，要么不忽略。在这种情况下，DOM 就绪事件处理程序究竟有何不同？
我让它在 DOM Ready 内部工作，但它突然坏了，现在把它放在外面工作！