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

Question

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

我使用jQuery validation plugin .

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

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

谢谢

Answer 1

使用这个answer从另一篇 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]
    }
};