0

我为 jquery datepicker 添加了掩码并添加了验证。

这是jsfiddle和代码

<input class="datepicker" type="text" />
<br /><br />
<input type="button" style="width:50px;" />

$( ".datepicker" ).datepicker({ dateFormat: 'dd-M-yy'});
$(".datepicker").mask("99-aaa-9999");

$(".datepicker").blur(function(){
var date1 = $(this).val(); 

    var validate = IsValidDate(date1);
    if(!validate ){
        alert("Invalid Date formart, Required Date Format : dd-mmm-yyyy");
    $(this).val("");
}
   });

function IsValidDate(myDate) {
                var filter = /^([012]?\d|3[01])-([Jj][Aa][Nn]|[Ff][Ee][bB]|[Mm][Aa][Rr]|[Aa][Pp][Rr]|[Mm][Aa][Yy]|[Jj][Uu][Nn]|[Jj][u]l|[aA][Uu][gG]|[Ss][eE][pP]|[oO][Cc]|[Nn][oO][Vv]|[Dd][Ee][Cc])-(19|20)\d\d$/
                                return filter.test(myDate);
            }

现在我面临一个问题。当用户尝试从日历中选择日期时，验证会触发，这不应该发生。

谁能建议我的代码有什么问题。谢谢 ：）

好吧，我已经设法解决了这个问题，但不知道这是否是最有效的方法

这是更新的代码和链接

http://jsfiddle.net/smdvA/191/

$( ".datepicker" ).datepicker({ dateFormat: 'dd-M-yy'});
$(".datepicker").mask("99-aaa-9999");

$(".datepicker").blur(function(){
    var date1 = $(this).val(); 
    if(date1 != ""){
    var validate = IsValidDate(date1);
    if(!validate ){
        alert("Invalid Date formart, Date Format : dd-MMM-yyyy");
        $(this).val("");}}
});

function IsValidDate(myDate) {
                var filter = /^([012]?\d|3[01])-([Jj][Aa][Nn]|[Ff][Ee][bB]|[Mm][Aa][Rr]|[Aa][Pp][Rr]|[Mm][Aa][Yy]|[Jj][Uu][Nn]|[Jj][u]l|[aA][Uu][gG]|[Ss][eE][pP]|[oO][Cc]|[Nn][oO][Vv]|[Dd][Ee][Cc])-(19|20)\d\d$/
                                return filter.test(myDate);
            }
4

1 回答 1

1

使用日期选择器的“onselect”作为“模糊”的首选方式：

$( ".datepicker" ).datepicker({ dateFormat: 'dd-M-yy', onSelect: function(date) { 
        var validate = IsValidDate(date);

        if(!validate)
        {
            alert("Invalid Date formart, Date Format : dd-MMM-yyyy");
            $(this).val("");
        }
}});
于 2012-11-25T11:19:57.373 回答