datepicker验证

时间:2012-10-08 09:07:10

标签: jquery validation datepicker

我有两个日期输入字段:

<input type='text' id='txtLeaveDate' name='txtLeaveDate' class='date'  /> 
<input type='text' id='txtArriveDate' name='txtArriveDate' class='date' /> 

验证脚本:     

$().ready(function() {
// validate the comment form when it is submitted

// validate signup form on keyup and submit
$('#ticketform').validate({
    rules: {
        txtLeaveDate: 'required',
                    txtArriveDate: 'required'

    },
    messages: {
        txtLeaveDate: 'Required!',
        txtArriveDate: 'Required!'

    }
});
});
</script>   

和datepicker脚本:

    $('.date').datepicker({
        dateFormat:'dd.mm.yy',
        onClose: function () {
            $('.date').valid();
        }

    });

但我总是有错误消息:'必需'。

另外,我想这样做#txtArriveDate必须不早于#txtLeaveDate,但我不知道是否可能。

3 个答案:

答案 0 :(得分:1)

查看此jQuery Datepicker validation此文件中有多种类型的验证可用。随心所欲

答案 1 :(得分:1)

因为我的输入有class='date',所以它已经过验证且错误。我有一条消息是必需的!对于所有的问题。那是理由。

第二部分我使用本教程:http://jquerybyexample.blogspot.com/2012/01/end-date-should-not-be-greater-than.html

答案 2 :(得分:-1)

请检查你的jquery jar,它可能是因为jar之间的冲突。 因为我遇到了同样的问题,并发现了jquery罐之间的冲突。