jquery - 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]
    }
};

Answer 2

更新演示：http: //jsfiddle.net/techfoobar/qC2Ya/5/

---

您可以通过在验证规则中指定min和选项来做到这一点：max

例如：

$("#myform").validate({
  rules: {
    field: {
      required: true,
      min: 13
    }
  }
});

API 文档：

http://docs.jquery.com/Plugins/Validation/Methods/min#value

http://docs.jquery.com/Plugins/Validation/Methods/max#value