使用JQuery验证进行日期验证

Question

我正在尝试使用jquery验证来验证日期。包含的Javascript库包括：

<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.core.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.datepicker.js"></script>
<script src="<?php echo base_url()?>asset/jquery/jquery.metadata.js" type="text/javascript"></script>
<script src="<?php echo base_url()?>asset/jqvalidate/jquery.validate.js" type="text/javascript"></script>

假设我有3个输入域。鸟的名字、地址和日期，我使用errorContainer来显示错误。

我的javascript是：

<script type="text/javascript">
    $().ready(function() {
        var errorContainer = $('div.errorContainer');
        // validate the form when it is submitted
        var validator = $("#frm").validate({
            errorContainer: errorContainer,
            errorLabelContainer: $("ol", errorContainer),
            wrapper: 'li',
            meta: "validate",
            rules: {
                datepicker: {
                    required: true,
                    date: true
                }
            }
        });
    });

    $(function(){
        $("#datepicker").datepicker();
    });
</script>

<form id="frm">
    <input type="text" id="name" name="name" class="field text {validate:{required:true}}">
    <input type="text" id="address" name="address" class="field text {validate:{required:true}}">
    <input type="text" id="datepicker" name="datepicker">
    <input type="submit">
</form>

但它不适用于日期验证器。

Answer 1

明白了

<input type="text" id="datepicker" name="datepicker" class="{validate:{required:true, date:true}}">

Answer 2

我假设您使用的是this jQuery validate。如果您在jquery.validate.js文件或包含的示例中看到，就会发现date有几个内置规则。您可以阅读http://docs.jquery.com/Plugins/Validation/Methods/date格式的文档。

如果您输入日期格式不同，或者您希望确保日期是实际日期，则可以构建自己的规则。在压缩文件中，有additional-methods.js文件。你可以从中学习，然后创建你自己的规则。

Answer 3

将类date添加到日期元素并尝试。应该能行得通。jQuery验证插件在附加到元素的css类上工作。