HTML - Not working maxlength in chrome and safari

Question

I am using type as number for input field. On clicking on top & down arrows of input field, we are able to select upto max length 99. But If I enter I can able to enter many values(numbers). It's issue in chrome? I provided restriction for maxlength as 2. But its not working. How to restrict?

        <input type="number" min="1" max="99" maxlength="2">

Has been answered here http://stackoverflow.com/questions/8354975/how-to-add-maxlength-for-html5-input-type-number-element as well — Theodoros Klikas, Sep 19 '16 at 09:18

deviantxdes · Answer 1 · 2016-09-19T09:16:48.830

0

Try this instead.

<input type="number" onKeyDown="if(this.value.length==2) return false;" />

edited Sep 19 '16 at 09:16

answered Sep 19 '16 at 09:06

deviantxdes

469
5
17

The OP stated, in their question, that that did not work. – Quentin Sep 19 '16 at 09:11
This will restrict to increase upto number 2 only @xestes – Sep 19 '16 at 09:12
This could also be improved with `onKeyDown="return (this.value.length<=2);"` – Pietro Sep 19 '16 at 10:10

HTML - Not working maxlength in chrome and safari

1 Answers1