Как решить проблему при одновременном использовании jquery datepicker и validation

Question

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

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

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

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