jquery datepicker和自定义验证

时间:2011-01-08 13:39:36

标签: jquery-ui validation jquery-validate jquery-ui-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);

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

有人为我提供解决方案吗? 在此先感谢:)

1 个答案:

答案 0 :(得分:9)

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

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

使用validate的{​​{3}}功能可以让您立即验证特定字段。

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