如何将文本框输入限制为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

回答

相关问题