javascript - jQuery 验证 addClassRules 返回 NaN 而不是最大值

Question

我使用“age”类为我的元素创建了一个自定义验证规则(注意:我知道我可以使用 name 属性创建一个基本规则，但这不是我在这里寻找的)。

我的代码看起来像这样(CoffeeScript):

jQuery.validator.addClassRules
  age:
    required: true
    min: 10
    max: parseInt($('#max_age').data('max'), 10)

当我在 Chrome 控制台中尝试 parseInt($('#max_age').data('max'), 10) 时，它会返回正确的值，且已完美解析。

但是，我的验证规则似乎不起作用...我在输入“.age”时收到错误“请输入小于或等于 NaN 的值”。

总而言之，验证规则适用于“required”和“min”，但我似乎无法为“max”参数使用自定义值。

有人有什么想法吗？我检查了the jQuery validation documentation ，但他们在示例中仅使用数值。

非常感谢!

Answer 1

这应该有帮助。

在你的验证js中

改变

// clean number parameters
$.each(['minlength', 'maxlength', 'min', 'max'], function() {
    if (rules[this]) {
        rules[this] = Number(rules[this]);
    }
});

与

  // clean number parameters
    $.each(['minlength', 'maxlength'], function() {
        if (rules[this]) {
            rules[this] = Number(rules[this]);
        }
    });

否则请使用最新版本升级您的验证js

来源:https://github.com/jzaefferer/jquery-validation/issues/455