title: jQuery - validate kendo dropdownlist with display:none style
body: <p>In my view I have a kendo dropdownlist. I´ve implement jQuery validation inserting these scripts in the view:</p>
  
  <pre><code>&lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I've set the property as Required in the entity and all I need to perform the validation.</p>
  
  <p>Model:</p>
  
  <pre><code>[Required(ErrorMessage = "Campo Tipo de Llenado es necesario")]
          public int TipoLlenado { get; set; }
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>@(Html.Kendo()
      .DropDownListFor(model =&gt; model.pedidoGranelAutoEs.TipoLlenado)
      .BindTo(new SelectList(cmbTipoLlenado.Select(s =&gt; new { Key = s.IdDatoMaestro, Value = s.ValorPortal }), "Key", "Value"))
      .Events(events =&gt;
      {
          events.Select("selectTipoLlenado");                         
      })
      .OptionLabel(Idioma.Shared.Pedidos_SeleccioneOpcion)
      )
  @Html.ValidationMessageFor(model =&gt; model.pedidoGranelAutoEs.TipoLlenado)
  </code></pre>
  
  <p>The thing is that if I inspect the web with Chrome and remove the "display:none" style from the input generated by the kendo DropDownList (using Razor), and then press the Submit button the validation works fine.</p>
  
  <p><img src="https://i.stack.imgur.com/mWnJG.png" alt="jQuery - validate kendo dropdownlist with display:none style"></p>
  
  <p>I've tried the following solutions without result:</p>
  
  <pre><code>$(document).ready(function () {
          $('#formu').validate({
              ignore: []
          });
  }
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>$(document).ready(function () {
          $('#formu').validate({
              ignore: ':hidden'
          });
  }
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>$.validator.setDefaults({ ignore: []});
  </code></pre>
  
  <p>OR</p>
  
  <pre><code>$.validator.setDefaults({ ignore: ':hidden' });
  </code></pre>
  
  <p>Any advise??</p>
  
  <p>Thanks in advance!!</p>