Question

我正在尝试使用validateinput在文本区域上使用kendo UI验证程序，但始终返回false。该Dojo包含脚本。

感谢您的帮助。

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>

Answer 1

没有一个具有该ID的input元素很简单。如果您搜索具有该ID的任何元素，则会得到true：alert(validator.validateInput($("#txtDescripcion")));

Answer 2

您使用<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")作为ID选择器

PS：您拼错了txtDescrip t 离子;）

验证程序textarea无法正常工作，并且始终返回false

2 个答案: