jquery-ui - jquery datepicker 和自定义验证

Question

我需要添加自定义验证(我认为)来验证来自用户的输入。这是我的用例:
我正在使用 jquery ui datepicker 来选择日期，本地化如下:
$.datepicker.setDefaults( $.datepicker.regional[ currentLocale ] );
我使用basstance验证插件，并使用规则date:true这不适用于不同的格式(或者如果他们这样做，请告诉我如何!)。所以我制作了自己的日期验证方法

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

这一切都非常有效，除了在日期选择器中选择日期时，在更改组件值之前会触发验证!所以我实际上验证了以前的值....

有没有人对我有解决方案？
提前致谢:)

Answer 1

您可以触发验证 upon the user closing datepicker弹出:

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

使用 validate的 element() 功能将使您能够立即验证特定字段。

我创建了一个示例 here其中任何年份 != 2011 的日期都将触发验证失败。