如何允許輸入類型編號在最小和最大範圍之外

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/