Question

我有这样的场景：

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

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

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

我认为在点击按钮上添加规则的一种方法，但似乎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");
    }
}

希望它对某人有帮助。

感谢。

JQuery Validator插件 - 在按钮上添加规则单击

1 个答案: