How can I make input type number only 1-9?

Question

I try like this :

<input type="number" pattern="[1-9]*" class="form-control" min="1">

I try input dot, it can

How can I disable dot(.) and another?

So, only 1-9

pattern does not work on input type number. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-pattern — Roland Starke, Oct 06 '17 at 08:55
Just use min, max attributes of input type number. https://www.w3schools.com/jsref/dom_obj_number.asp — thanhnha1103, Oct 06 '17 at 08:57
@Cerbrus, This is no duplicate. This is : input type number. It's different — moses toh, Oct 06 '17 at 10:33
@thanhnha1103, It's still can input dot. Should cannot input dot — moses toh, Oct 06 '17 at 10:34

score 2 · Answer 1 · answered Oct 06 '17 at 08:55

2

The same way you have min, you can add max=9:

<input type="number" class="form-control" min="1" max="9">

You will need to have some custom JavaScript validation (there are libraries for that) to interpret the min and max attributes for those browsers which do not support them natively.

answered Oct 06 '17 at 08:55

Ionică Bizău

109,027
88
289
474

It does not work. If I input dot(.), it can. It should not be input dot(.) – moses toh Oct 06 '17 at 08:59
@Ionica, can you check [my question](https://stackoverflow.com/questions/47833540/figure-not-rotating-as-expected#47833540) when you have time? It is about a game that you have developed. I couldn't contact you anywhere else, sorry. – Snow Dec 15 '17 at 13:43

score 0 · Answer 2 · edited Oct 06 '17 at 09:01

0

You can also use the pattern attribute in html5:

<input type="text" name="name" pattern="[0-9]" title="Title" />

edited Oct 06 '17 at 09:01

Cerbrus

70,800
18
132
147

answered Oct 06 '17 at 08:58

Anish Varghese

3,450
5
15
25

HTML5 supports regexes, so you could use this: Warning: Some browsers don't support this yet. – Anish Varghese Oct 06 '17 at 09:07
I want to use input type number. No another – moses toh Oct 06 '17 at 10:34

How can I make input type number only 1-9?

2 Answers2