jquery datepicker和自定义验证

Question

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

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

我使用 bassistance 验证插件，并使用 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 的日期都将触发验证失败。