KendoFileUpload не работает с проверкой jquery - PullRequest
Новая
       29

KendoFileUpload не работает с проверкой jquery

0 голосов
/ 14 мая 2018

Я использую плагин проверки 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>

Как видите, вводимый текст работает нормально, но при загрузке файла кендо класс ввода не добавляется к входному файлу.

Буду признателен за любую помощь.

Заранее спасибо.

1 Ответ

0 голосов
/ 14 мая 2018

Ваш фильтр игнорирования немного выключен.Попробуйте: 

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

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

Скрипка: https://jsfiddle.net/yL7rjfa3/31/

...