كيفية حل المشكلة عند استخدام jQuery DatePicker والتحقق من الصحة في نفس الوقت
-
23-09-2019 - |
سؤال
عندما استخدمت DatePicker مع أيقونة الزناد حتى يتمكن المستخدمون من اختيار التاريخ من النقر فوق هذا الرمز أو الكتابة مباشرة في مربع النص (txtDate) ، استخدمت أيضًا التحقق من صحة jQuery لتتطلب مربع النص ألا يكون فارغًا. ولكن عندما يقوم المستخدم بإرسال النموذج باستخدام مربع نص فارغ (txtDate.text = "") ، فإن رسالة خطأ في صحة أيقونة دفع إلى اليمين. هل يمكن أن تخبرني الحل؟ شكرا جزيلا لك!
المحلول
$('#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);
}
});
نصائح أخرى
تستقبل وظيفة ErrorPlacement معلمتين - رسالة الخطأ والعنصر الذي تم التحقق منه. استخدم الأخير لتحديد ما إذا كنت لتخصيص الموضع لحقولك (على سبيل المثال ، بإضافة فئة):
$('form').validate({
rules: {...},
errorPlacement: function(error, element) {
if (element.hasClass('customError')) {
// custom error placement
}
else {
element.after(error); // default error placement
}
}
});
لا تنتمي إلى StackOverflow