Jquery验证不起作用

时间:2011-12-30 19:43:53

标签: asp.net-mvc-3 jquery-ui jquery-validate

我正在尝试在使用两个datepicker“effectiveDate”和“termDate”的表单上使用Jquery验证。 EffectiveDate不得早于TermDate。日期选择器有效,但在我违反验证时没有显示任何错误。

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

1 个答案:

答案 0 :(得分:1)

您需要按照this article中的说明应用验证规则(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扩展名。