Validating input type number in html5

Question

I want to restrict entry of input onto a field of type number such that input cannot be outside range of min-max specified in the html.

input type = "number" min = "1" max = "5"

Is there a way of outputting the number field without the text box and i would rather not use

"input type = range"

as slider does not show value currently selected

Please help.

Thanks.

The spinbox control of HTML5 doesn't provide restrictions on input values of you input values directly through number keys, the range will be taken care of only when spin buttons are pressed, instead, you should make restrictions using JavaScript. — Kushal
– Kushal, Commented Mar 23, 2011 at 10:57

Ian Devlin · Accepted Answer · 2011-03-23 14:16:07Z

3

Based on what you said, I suggest using a simple input text field and check it's value validity on submission via JavaScript (as @Kush mentions above). You could also check it as the user types, or moves focus away from that field.

answered Mar 23, 2011 at 14:16

Ian Devlin

18.9k6 gold badges59 silver badges73 bronze badges

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

Comments

Rex Adrivan · Accepted Answer · 2015-03-16 09:12:13Z

0

<form>
  Only 1 to 100 <input type="text" name="number" pattern="\d{1,2}(?!\d)|100" title="one to hundreed only">
  <input type="submit">
</form>

answered Mar 16, 2015 at 9:12

Rex Adrivan

1,0291 gold badge11 silver badges23 bronze badges

Collectives™ on Stack Overflow

Validating input type number in html5

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related