Question

我正在使用jquery验证插件来验证表单中的kendo元素。到目前为止，我成功地能够验证大多数输入类型，但我能够验证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>

正如您所看到的，输入文本工作正常，但是kendo文件上传不会向文件输入添加任何错误类。

任何帮助都将不胜感激。

提前致谢。

Answer 1

Your ignore filter is a bit off. Try:

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

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

Fiddle: https://jsfiddle.net/yL7rjfa3/31/

KendoFileUpload无法使用jquery验证

1 个答案: