Как решить проблему при использовании jQuery DatePicker и валидации одновременно

Question

Когда я использовал DatePicker с значком триггера, чтобы пользователи могли выбрать дату, нажав на этот значок или тип непосредственно в TextBox (txtDate), я также использовал проверку jQuery, чтобы требовать текстового поле не должно быть пустым. Но когда пользователь отправит форму с пустым текстовым поле (txtdate.text = ""), сообщение об ошибке значка Tright Trigge вправо. Не могли бы вы сказать мне решение? Большое спасибо!

Answer 1

$('#some_form').validate({
  rules: {...},
  messages: {...},
  errorPlacement: function(error, element) { //solve you problem
    var trigger = element.next('.ui-datepicker-trigger');
    error.insertAfter(trigger.length > 0 ? trigger : element);
  }
});

Answer 2

Функция ошибки получает два параметра - сообщение об ошибке и проверенный элемент. Используйте последнее, чтобы решить, можно ли настроить размещение для ваших полей (например, добавив класс):

$('form').validate({
      rules: {...},
      errorPlacement: function(error, element) {
            if (element.hasClass('customError')) {
                  // custom error placement
            }
            else {
                  element.after(error); // default error placement
            }
      }
});