如何解决问题，当使用jQuery日期选择器和验证的同时

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
            }
      }
});