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">