how to limit the textbox input to numeric 0-10 in html

Question

hi i have a textbox in html and i want a user to enter the numeric values only which will be for eg. 0,1,2,3,4,5,6,7,8,9,10 and if a user enters 11 it should show an alert box showing "only 0-10 is allowed" since i am a newbie so far i have this script

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>

here is my textbox code,

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

Why is var i=15; ? dont you need the range between 0-10?

CloudyMarble
– CloudyMarble

2013-02-20 13:19:50 +00:00
Commented Feb 20, 2013 at 13:19 — CloudyMarble
– CloudyMarble, Commented Feb 20, 2013 at 13:19
yes sorry its my mistake

kumail
– kumail

2013-02-20 13:27:42 +00:00
Commented Feb 20, 2013 at 13:27 — kumail
– kumail, Commented Feb 20, 2013 at 13:27

Grant Thomas · Accepted Answer · 2013-02-20 13:19:46Z

6

You could use an HTML5 input type for ease:

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

This could potentially remove the need for ghastly modal popups.

answered Feb 20, 2013 at 13:19

Grant Thomas

45.1k10 gold badges88 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Grant Thomas Over a year ago

@JanDvorak I really don't care. The OP might.

CloudyMarble Over a year ago

+1 for "I really don't care. The OP might." thats why we have Tags

kumail Over a year ago

sir m need is that the user will input 01 02 03 04 05 06 07 08 09 10 and if he enters 11 or 22 or so on it should restrict it from doing that

CloudyMarble · Accepted Answer · 2013-02-20 13:20:48Z

1

Try to change var i=15; to var i=11;

answered Feb 20, 2013 at 13:20

CloudyMarble

37.7k70 gold badges103 silver badges133 bronze badges

Comments

Mahdi Bashirpour · Accepted Answer · 2017-12-01 19:00:31Z

1

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

answered Dec 1, 2017 at 19:00

Mahdi Bashirpour

19k17 gold badges134 silver badges153 bronze badges

Collectives™ on Stack Overflow

how to limit the textbox input to numeric 0-10 in html

3 Answers 3

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Linked

Related