KendoFileUpload 不适用于 jquery 验证

Question

我正在使用 jquery 验证插件来验证表单中的剑道元素。到目前为止，我成功地能够验证大多数输入类型，但我能够验证 KendoFileUpload。我只想在需要且为空时触发输入。

你会在这个小提琴中找到我的尝试。

https://jsfiddle.net/syamen2003/yL7rjfa3/

$(document).ready(function() {  
$("#files").kendoUpload(); 
$("form").validate({ignore: []});
});

input.error{
  border: 1px solid red;
}
label.error{
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.1.221/js/kendo.all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<div id="example">
  <form method="post" action="/kendo-ui/upload/submit">
    <div class="demo-section k-content">
      <input name="title" id="title" required data-msg-required="Required field" />
      <br><br>
      <input name="files" id="files" type="file" required data-msg-required="Required field" />
      <br><br>
        <button type="submit">Submit</button>
    </div>
  </form>
</div>

如您所见，输入文本工作正常，但剑道文件上传不会向文件输入添加任何错误类。

任何帮助将不胜感激。

提前致谢。

Answer 1

您的忽略过滤器有点不对劲。试试：

$(document).ready(function() {
  $.validator.setDefaults({
    ignore: ""
  });

  $("#files").kendoUpload();
});

小提琴：https://jsfiddle.net/yL7rjfa3/31/