jquery datepickerと検証を同時に使用する場合の問題を解決する方法
-
23-09-2019 - |
質問
Triggerアイコンを使用してDatePickerを使用して、ユーザーがこのアイコンをクリックしたり、TextBox(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);
}
});
他のヒント
エラー平らな関数は、エラーメッセージと検証された要素の2つのパラメーターを受信します。後者を使用して、フィールドの配置をカスタマイズするかどうかを決定します(たとえば、クラスを追加して):
$('form').validate({
rules: {...},
errorPlacement: function(error, element) {
if (element.hasClass('customError')) {
// custom error placement
}
else {
element.after(error); // default error placement
}
}
});
所属していません StackOverflow