如何在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">

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