HTML數字字段檢查

Question

在HTML數字字段中，我希望用戶輸入10到20之間的數字，然後是40到50 ...如何在HTML文本字段或數字字段中實現此操作。

Answer 1

如HTML 5可以做到這一點

<form action=""> 
 
<input type="number" min="10" max="20"/> 
 
<input type="submit"/> 
 
</form>

如果你正在從數據庫值/想用php價值整合，你可以這樣做以下。

<input type="number" min="<?php echo $minVal ?>" max="<?php echo $maxVal ?>"/> 

記住：當您進行驗證時，您必須對前端後端進行驗證。而最小和最大屬性不僅限於number類型，你可以用它來date類型還指this

Answer 2

，如果你不想使用JavaScript或jQuery的你可以使用分鐘和最大屬性

<input type="number" min="10" max="20"> 
<input type="number" min="40" max="50"> 

Answer 3

我不認爲有可能單獨使用html。你將不得不使用JavaScript驗證，因爲這裏的條件在html方面很複雜。

Answer 4

您可以拍打嘗試HTML5：

<input type="text" name="range" pattern="^(?:\d[10-20]|\d[40-50])$" > 

檢查它的簡單和短期使用javascript：

function allownums(a) 
 
{ 
 
value1 = a.value; 
 
if((10<value1==value1<20) || (40<value1==value1<50)) 
 
alert("vaild") 
 
else 
 
alert("invaild") 
 
}

<input type='text' id='numonly' onkeyup='allownums(this)'>

，如果你想使用HTML不僅可以使用兩個號碼字段：

<input type="number" min="10" max="20"> 
<input type="number" min="40" max="50">