jquery - Kendo Popup Editor，验证错误消息

Question

我的剑道组有一个剑道弹出编辑器。

如果用户单击更新时出现验证错误，我想执行一个 jquery 操作。

我使用了 onSave 函数来做到这一点：

function onSave(e) {
        alert("you've clicked save")
}

但是，仅当字段上没有验证错误消息时才调用该函数。当用户单击保存并且有验证消息时，如何引发函数。

谢谢

Answer 1

我已经创建了这个DEMO。

这个DEMO有：

• 自定义弹出编辑器表单
• 自定义 Kendo 验证器，用于验证表单字段上的自定义规则
• 检查表单中关于save事件 kendogrid的有效数据
• 在警报中显示验证错误错误消息并阻止表单提交

这是代码片段：

$("#grid").kendoGrid({
....
...
save: function(e) {
        alert('Popup form save event fired! Now validate the popup form for proper data');
      if (validateForm()) {//if form validation is successful
        alert("Form validation is successful");
        e.preventDefault();//This code line must be removed for successful form submission. It is kept here only for demonstration purpose
      }
      else {
        //Form validation failed
        e.preventDefault();//So prevent form submission
      }
    }
....
...

function validateForm()
{
    var validator = $("#popupForm").kendoValidator({
    rules: {
        minlength: function(input) {
        //only address will be validated
        if (input.is("[name=address]")) {
          if (input.val().length < 4)
            return false;
        }
        return true;
      },
      checkcity: function(input) {
        //only city will be validated
        if (input.is("[name=city]")) {
          if (input.val() != "ABC")
            return false;
        }
        return true;
      }
    },
    messages: {
        minlength: "Min length required is 4",
      checkcity: "City name must be ABC"
    }
  }).data("kendoValidator");

  if (validator.validate()) {
    return true;
  } 
  else {
    alert("Oops! There is invalid data in the form.\n"+validator.errors());
    return false;
  }

}