jquery datepickerと検証を同時に使用する場合の問題を解決する方法

Question

Triggerアイコンを使用してDatePickerを使用して、ユーザーがこのアイコンをクリックしたり、TextBox（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

エラー平らな関数は、エラーメッセージと検証された要素の2つのパラメーターを受信します。後者を使用して、フィールドの配置をカスタマイズするかどうかを決定します（たとえば、クラスを追加して）：

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