javascript - 如何设置最大值和最小值通过 javascript 或 jquery 在 html5 中？

Question

我正在尝试找出如何设置 javascript 或 jquery 输入的 html5 类型的最大值和最小值。

<input type="number" max="???" min="???" step="0.5"/>

有人请指导

Answer 1

jQuery 可以很容易地为元素设置任何属性 - 只需使用以下.attr()方法：

$(document).ready(function() {
    $("input").attr({
       "max" : 10,        // substitute your own
       "min" : 2          // values (or variables) here
    });
});

如果您的脚本块出现在您要操作的元素之后，则不需要文档就绪处理程序。

但是，使用选择器"input"将为所有输入设置属性，因此实际上您应该有一些方法来识别有问题的输入。如果你给它一个 id 你可以说：

$("#idHere").attr(...

...或上课：

$(".classHere").attr(...

Answer 2

尝试这个：

<input type="number" max="???" min="???" step="0.5" id="myInput"/>

$("#myInput").attr({
   "max" : 10,
   "min" : 2
});

注意：这会将最大值和最小值仅设置为单个输入

Answer 3

尝试这个

 $(function(){
   $("input[type='number']").prop('min',1);
   $("input[type='number']").prop('max',10);
});

演示