如何解决问题,当使用jQuery日期选择器和验证的同时
-
23-09-2019 - |
题
当我使用日期选择器与扳机图标,以便用户可以从点击该图标选择日期或在文本框中直接键入(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