如何允许输入类型编号在最小和最大范围之外

Question

<form> 
<input type="number" min="10" max="100" value="0"/> 
<input type="submit"/> 
</form> 

嗨，上面的代码将不会允许0.我想允许所有数字在10和100之间。但是，如果用户没有输入任何值或输入0它也必须被允许。我怎样才能做到这一点？

Answer 1

你不能用HTMl本身指定它。但你可以使用jQuery和JavaScript验证。

<form id="validateme" action="post.php"> 
    <input id="number" type="number" value="0"/> 
    <input type="submit"/> 
</form> 
<script> 
$('#validateme').submit(function(ev) { 
    ev.preventDefault(); // to stop the form from submitting 
    if($('#number').value == 0 || $('#number').value >= 10 && $('#number').value <= 100) { 
     this.submit(); // If the validation suceeds 
    } else { 
     alert('Validation failed'); 
    } 
}); 
</script> 

希望它可以帮助和作品;）

Answer 2

这是不可能的只是HTML，你应该在没有最小和最大输入，并检查与JavaScript/jQuery的/ PHP，如果它介于10和100之间。你现在的方式不会允许10之间的任何其他如果你把它放在更低或更高的位置，那么你将无法发送它，除非你使用ajax发布（我甚至不确定它会工作）。

Answer 3

<form id="form1"> 
<input id="number-field" type="number" min="0" max="100" value="0"/> 
<input class="form-submit" type="submit"/> 
</form> 

试试这个http://jsfiddle.net/raghuchandrasorab/7de9L48q/1/