jquery - JQuery Validator Plugin - 在按钮单击时添加规则

Question

我有这样的场景：

在一个页面上有两个文本框（FromDate 和 ToDate）显示 JQuery DatePicker onkeydown，在这些文本框下方我有一个提交按钮。

加载页面后，我不希望根据规则验证这些日期文本框，但我想确保 JQuery Validator 在按钮单击时为我工作。

我必须在页面加载时触发验证以确保触发其他规则，就像页面上存在的许多其他控件在页面加载后进行验证一样。

我想在单击按钮时添加规则的一种方法，但似乎验证器加载它们并更早地挂钩它们，所以即使更新了相同的对象（使用附加规则），它也不起作用。

请帮忙怎么做？提前致谢。

Answer 1

为了处理这种情况，我从页面加载规则中删除了基于事件的规则。我动态添加/删除了规则。下面的代码示例：

var Date1= {
        required: true,
        dateLesser: 'Date2',
        messages: {
            required: 'What ever',
            dateLesserThan: 'Date Should be less than'
        }
    };

addDateValidationRules: function (d) {
    if (d== 2) {
        $('#Date1').rules("add", Date1);
        $('#Date2').rules("add", Date2);
    }
    else {
        $('#Date1').rules("remove", "required");
        $('#Date1').rules("remove", "dateLesser");
        $('#Date2').rules("remove", "required");
        $('#Date2').rules("remove", "dateGreater");
    }
}

希望它可以帮助某人。

谢谢。