How to make type=“text” not to key Minus sign (-)?

Question

I want to use input type=text, but only keyin number, how to no allow user keyin Minus sign (-)?

<input required type="text" pattern="[0-9]*" name="discount" placeholder='not allow negative'  >

Use JS, and parse value with `inputValue.replace(/[^0-9]/g, inputValue)` — Justinas, Feb 22 '17 at 09:32
Check this out. http://stackoverflow.com/questions/8808590/html5-number-input-type-that-takes-only-integers — Molarosa, Feb 22 '17 at 09:32

Amro Mustafa · Answer 1 · 2017-02-22T09:41:32.297

3

Just make the type number and add min attribute, so your code must be like this

<input type="number" min="0"/>

edited Feb 22 '17 at 09:41

answered Feb 22 '17 at 09:32

Amro Mustafa

589
4
15

score 1 · Accepted Answer · answered Feb 22 '17 at 09:39

change from

<input required type="text" pattern="[0-9]*" name="discount" placeholder='not allow negative' >

to

<input required type="text" onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57" name="discount" placeholder='not allow negative' >

How to make type=“text” not to key Minus sign (-)?

2 Answers2