如何將文本框輸入限制爲html中的數字0-10

您好我有一個HTML文本框，我希望用戶只輸入數字值，例如， 0,1,2,3,4,5,6,7,8,9,10，如果用戶輸入11，它應該顯示一個警告框，顯示「只允許0-10」，因爲我是新手目前爲止我有此腳本如何將文本框輸入限制爲html中的數字0-10

SCRIPT language=Javascript> 

     function validateForm() 
     { 
      var x=document.form["tst"]["num"].value; 
      var y = parseInt(x , 10 ) 
      var i=15; 
      if (y>i) 
      { 
       alert("Range is Between 0-10"); 
       return false; 
      } 
     } 
</script>

這裏是我的文本框的代碼，

<INPUT id="num" name="num" onkeypress="return validateForm()" size="2" maxlength="2" type="text" >

來源

2013-02-20 kumail

爲什麼VAR I = 15; ？你不需要0-10之間的範圍？ – CloudyMarble 2013-02-20 13:19:50

對不起，我的錯誤 – kumail 2013-02-20 13:27:42

嘗試改變var i=15;到var i=11;

來源

2013-02-20 13:20:48 CloudyMarble

你可以使用HTML5輸入類型以方便：

<input type="number" min="0" max="10">

這可能消除對可怕的模態的需要彈出窗口。

來源

2013-02-20 13:19:46

不支持IE8 – 2013-02-20 13:20:05

@JanDvorak我真的不在乎。 OP可能。 – 2013-02-20 13:20:44

+1「我真的不在乎，OP可能。」這就是爲什麼我們有標籤 – CloudyMarble 2013-02-20 13:23:20

<input type="number" name="quantity" min="0" max="10">

來源

2017-12-01 19:00:31

如何將文本框輸入限制爲html中的數字0-10

回答

相關問題