Validator textarea не работает и всегда возвращает false - PullRequest
0 голосов
/ 27 мая 2019

Я пытаюсь использовать средство проверки пользовательского интерфейса kendo над текстовой областью, используя validateinput, но всегда возвращает false.Это додзё содержит скрипт.

Спасибо за вашу помощь.

https://dojo.telerik.com/ifIhEGIy

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.default.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.mobile.all.min.css">

  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.2.514/js/angular.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.2.514/js/jszip.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"></script>

  <script>
    function validateFormHecho() {
      var validator = $("#hechoForm").kendoValidator({
        rules: {
          controlValidate: function(input) {
            switch (input.attr('id')) {
              case 'txtDescripcion':
                return true;
                break;
            }
          }
        }

      }).data("kendoValidator");

      alert(validator.validateInput($("input[id=txtDescripcion]")));

    }

    $(document).ready(function() {
      $("#txtDescripcion").kendoEditor({
        resizable: {
          content: true,
          toolbar: true
        }
      });
    });
  </script>

</head>
<form id="hechoForm">
  <div><textarea rows="10" cols="30" id="txtDescripcion" name="txtDescripcion"></textarea></div>
  <button onclick="validateFormHecho()">Click me</button>

</form>

</html>

Ответы [ 2 ]

0 голосов
/ 27 мая 2019

вы используете <textarea rows="10" cols="30" id="txtDescripcion" name="txtDescripcion"></textarea>. Но в вашем оповещении вы ищете входной элемент. Textarea не является классическим вводом HTML, поэтому вы должны отредактировать эту часть:

alert(validator.validateInput($("input[id=txtDescripcion]")));

до

alert(validator.validateInput($("textarea[id=txtDescripcion]")));

Или используйте $("#txtDescripcion") в качестве селектора идентификатора

PS: вы неправильно написали txtDescrip t ion;)

0 голосов
/ 27 мая 2019

Там просто нет input элемента с таким идентификатором.Если вы ищете какой-либо элемент с этим идентификатором, вы получите true: alert(validator.validateInput($("#txtDescripcion")));

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...