كيفية حل المشكلة عند استخدام jQuery DatePicker والتحقق من الصحة في نفس الوقت

Question

عندما استخدمت DatePicker مع أيقونة الزناد حتى يتمكن المستخدمون من اختيار التاريخ من النقر فوق هذا الرمز أو الكتابة مباشرة في مربع النص (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
            }
      }
});