Jquery 验证不起作用

Question

我正在尝试在使用两个日期选择器“ effectiveDate”和“ termDate”的表单上使用 Jquery 验证。生效日期不得早于期限日期。日期选择器可以工作，但当我违反验证时，不会显示任何错误。

<script language="javascript" type="text/javascript">
    jQuery(document).ready(function () {
        $("form").validate();
        var term = $("#TermDate").val();
        $("#EffectiveDate").datepicker({
            minDate: term
        });
    });
</script>

Answer 1

您需要应用验证规则 (dpDate)，如本文：

jQuery(document).ready(function () {
    $("form").validate({
        rules: {
            // EffectiveDate is the name of the input, not the id
            // so make sure that the input is defined like this:
            // <input type="text" id="EffectiveDate" name="EffectiveDate" />
            EffectiveDate: {
                required: true,
                dpDate: true
            }
        }
    });

    var term = $("#TermDate").val();
    $("#EffectiveDate").datepicker({
        minDate: term
    });
});

要使此规则生效，您必须将 jquery.ui.datepicker.validation.js 扩展添加到您的页面。