jquery datepicker 和自定义验证

我需要添加自定义验证（我认为）来验证用户的输入。这是我的用例： 我使用 jquery ui datepicker 来选择日期，本地化如下：

$.datepicker.setDefaults( $.datepicker.regional[ currentLocale ] );

我使用 bassistance 验证插件，并使用规则date:true这不适用于不同的格式（或者如果可以，请告诉我如何操作！）。所以我制作了自己的日期验证方法，如下所示

   $.validator.addMethod("validDate", function(value) {
        return parseDateString(value) != null;
    }, jQuery.validator.messages.date);

这一切都工作得很好，除了在日期选择器中选择日期时，在更改组件的值之前会触发验证！所以我实际上验证了之前的值......

有人能为我提供解决方案吗？ 提前致谢：）

您可以触发验证当用户关闭时 http://jqueryui.com/demos/datepicker/#event-onClose the datepicker popup:

$("#birthdate").datepicker({
    onClose: function() {
        /* Validate a specific element: */
        $("form").validate().element("#birthdate");
    }
});

Using validate's element() http://docs.jquery.com/Plugins/Validation/Validator/element#element函数将使您能够立即验证特定字段。

我创建了一个例子here http://jsfiddle.net/andrewwhitaker/3Yvpe/其中年份 != 2011 的任何日期都将触发失败的验证。