validation - Kendo UI 自定义验证规则无法在 MVVM 中正确验证

Question

这里我有一个剑道视图模型。

$(document).ready(function () {
  var viewModel = kendo.observable({
    addData : function (e) {
      if (val.validate()) {
        // this will send data to server if only view is valid. 
      }
    }  
  });

  kendo.bind($("#my-form"), viewModel);

  var val = $("#my-form").kendoValidator({ 
    messages : {
      my custom messages
    },
    rules: {
      my custom rules
    }
  }).data("kendoValidator");
});

这里发生了什么，当我尝试提交表单时它没有验证表单。只是它变得真实val.validate()。然后我删除data("kendoValidator") ，因为这现在不是 HTML5 验证。所以删除后它是这样的......

var val = $("#my-form").kendoValidator({
  messages : {
    my custom messages
  },
  rules: {
    my custom rules
  }
});

然后我尝试提交表单，它刷新页面。我在哪里错了？

Answer 1

您的设置应该可以正常工作。也许这真的是验证规则的问题。无论如何，您不应该删除

数据（“kendoValidator”）

部分，因为这是您获取对 Validator 对象的引用的方式。

看看我准备的这个例子供你参考。如果您还有其他问题，请告诉我。

http://dojo.telerik.com/ovUCA