javascript - jquery 验证范围不适用于负数

Question

我使用 jquery 验证来确保我的用户不会在文本字段中输入负值。

我已正确设置所有内容，并且验证适用于某些事物，但不适用于范围。如果我输入负值，验证仍然通过。有人遇到过这种情况吗？

 <input data-affects="Coaches" data-old="40" data-val="true" data-val-number="The field Maximum Students must be a number." data-val-range="The field Maximum Students must be between 0 and 200." data-val-range-max="200" data-val-range-min="0" id="NumStudentsMax" name="NumStudentsMax" type="number" value="40" aria-invalid="false" class="valid"/>


var foo = null;
$("input").blur(function(e){
    foo = $("form").validate($(this));
    alert(foo.errorList.length > 0);
});

演示: https://jsfiddle.net/guzzjty1/5/

Answer 1

将 min="0" 添加到您的输入中:-

  <input data-affects="Coaches" data-old="40" data-val="true" data-val-number="The field Maximum Students must be a number." data-val-range="The field Maximum Students must be between 0 and 200." data-val-range-max="200" data-val-range-min="0" id="NumStudentsMax" name="NumStudentsMax" min="0" type="number" value="40" aria-invalid="false" class="valid"/>

Demo