如何在html5中設置最大值和最小值<input> javascript或jquery

Question

我想了解如何設置javascript或jquery的html5類型輸入的最大值和最小值。

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

會有人請指導

Answer 1

的jQuery可以很容易地設置任何屬性的元素 - 只使用.attr() method：

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

，如果你的腳本塊準備處理程序不是必需的文件出現在要操作的元素之後。

使用"input"的選擇器將設置所有輸入的屬性，所以真的你應該有一些方法來確定有問題的輸入。如果你給它一個id，你可以說：

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

...或者帶班：

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

Answer 2

試試這個

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

Demo

Answer 3

試試這個：

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

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

注意：這會將最大值和最小值設置爲單個輸入