Question

我正在尝试覆盖代码中的日期验证，以便我可以将日期验证为DD / MM / YYYY。左下方是我的代码，我显示的是 {{1 } ：

error message reading

有人可以帮忙吗？我猜测验证代码的覆盖是不正确的。

Unable to get property 'methods' of undefined or null reference

Answer 1

请参阅：http://dojo.telerik.com/OWUvU

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kendo UI Snippet</title>

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.mobile.all.min.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
</head>
<body>

<form id="myform">
<input name="myDate" class="validateDate" id="searchStartDate" /> <br />
<button>Validate</button>
</form>

<script>
$("#myform").kendoValidator({
  rules: {
    dateValidation: function(input) {
      //only validate
      if (input.hasClass('validateDate')) {
        return kendo.parseDate(input.val(), "dd/MM/yyyy");
      }
    }
  },
  messages: {
    dateValidation: "Please enter a date in the format dd/mm/yyyy"
  }
});
$("#searchStartDate").kendoDatePicker({ format: "dd/MM/yyyy", culture: "en-GB" })
</script>
</body>
</html>

上面的代码以您请求的格式添加自定义验证。

您正在使用自定义jquery验证脚本和kendo验证的组合。您需要使用完整的剑道验证方法，请参阅 - http://docs.telerik.com/kendo-ui/api/javascript/ui/validator获取完整的api。

需要帮助覆盖kendo ui验证

1 个答案: