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

时间:2013-02-20 13:17:09

标签: javascript html validation

嗨我在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" >

3 个答案:

答案 0 :(得分:6)

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

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

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

答案 1 :(得分:1)

尝试将var i=15;更改为var i=11;

答案 2 :(得分:1)

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