javascript - 如何在html中将文本框输入限制为数字0-10

Question

嗨，我有一个 html 文本框，我希望用户只输入数值，例如。 0,1,2,3,4,5,6,7,8,9,10 如果用户输入 11 它应该显示一个警告框显示“只允许 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" >

Answer 1

您可以轻松使用 HTML5 输入类型:

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

这可能会消除对可怕的模式弹出窗口的需求。