将jquery日历选择器与jquery验证相结合并让它们发挥得更好？

Question

我刚刚开始进入jquery / javascript编程，所以这可能是一个初学者的问题，但我肯定无法找到任何关于它的内容。

我在表单上有一个文本字段。我已经使用JQuery UI Calendar选择器来更好地进行数据输入。我还添加了jquery验证，以确保如果用户手动输入日期，它仍然有效。

这是html：

<input class="datepicker" id="Log_ServiceStartTime_date" name="Log_ServiceStartTime_date" type="text" value="3/16/2010"></input>

和javascript：

$('form').validate();
$('#Log_ServiceStartTime_date').rules('add','required');
$('#Log_ServiceStartTime_date').rules('add','date');

我遇到的问题是：

如果用户输入错误的日期或根本没有日期，则验证会正确启动并显示错误说明。但是，如果用户单击文本框以调出日历选择器并选择日期，则日期将填入该字段，但验证不会消失。如果用户点击文本框然后退出，则验证会正确消失。

如果选择了日期，如何让日历选择器启动验证例程？

感谢

Answer 1

也许这会有所帮助：

• http://jqueryui.com/demos/datepicker/#event-onSelect
• http://docs.jquery.com/UI/Datepicker#event-onSelect

选择一个日期后将调用此方法...使用此方法，您可以在每次用户选择日期时“重新验证”您的表单/字段。

  

允许您定义自己的活动   选择日期选择器时该   函数接收所选日期为   text和datepicker实例为   参数。这指的是   相关输入字段。代码示例

     

提供回调函数来处理   onSelect事件作为init选项。

示例：

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});