Редактор всплывающих окон Kendo, сообщение об ошибке проверки

Question

У меня есть редактор всплывающих окон Kendo для моей группы Kendo.

Если при щелчке обновления появляются ошибки проверки, я бы хотел выполнить действие jquery.

Я использовал функцию onSave, чтобы сделать это:

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

Однако функция вызывается только тогда, когда в поле отсутствует сообщение об ошибке проверки. Как я могу поднять функцию, когда пользователь нажимает сохранить и есть сообщение проверки.

Спасибо

Answer 1

Я создал это ДЕМО.

Это ДЕМО имеет:

• Пользовательская форма всплывающего редактора
• Пользовательский Kendo Validator для проверки пользовательских правил в полях формы
• Проверяет форму на достоверность данных на save кендогрид
• Показывает сообщения об ошибках проверки в предупреждении и предотвращает отправку формы

Вот фрагмент кода:

$("#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;
  }

}