jQuery验证 - 在运行时更改最小最大数量检查

Question

我可以在运行时更改数字验证的最小值,最大值吗？

我使用jQuery验证插件.

我的简化布局和结构,以演示它应如何工作.当我更改最大范围的值时,必须更改最大范围的字段编号验证.

jsFiddle:http: //jsfiddle.net/nXqd/qC2Ya/3/

谢谢

Answer 1

使用来自另一个SO帖子的答案作为指导,我能够更改您的代码并使其工作.

// Bind initial rule;
bindRangeRule(1, 2);

$("input[name='change-range']").on("keyup", function() {
    var value = $(this).val();

    // add some validation here off course to ensure only numbers are accepted.
    // You can do that by checking the event.keyCode values I believe.
    // If an invalid value was specified you can throw an alert
    // or simply clear the input field and return false. Or similar.

    // re-bind range rule
    bindRangeRule(1, parseInt(value));
});

function bindRangeRule(from, to) {
    var settings = $('form').validate().settings;

    delete settings.rules.number;

    settings.rules.number = {
        required: true,
        range: [from, to]
    }
};