Modify the numeric input to accept only numbers

Question

I have a input of number type of my HTML page. This is very close to this one example. Unfortunately this input accepts values like '---', '+++', 'eee' and other non-numeric input.

My task is disable the ability of the control to enter non-numerics like '----'.

Also possible to show a error message when user haves the form. Is any way to do that?

Use regular expression and validate the input on the input event @sluge — Vaibhav Kaushik, Mar 16 '20 at 09:55

kooskoos · Answer 1 · 2020-03-16T11:17:41.993

4

If you specify the input type as number it won't accept non-numeric characters

KEYCODE 8 and 46 are to allow backspace and delete.

Try inputting non-numeric characters in the text box below

<input type="number" onkeydown="javascript: return event.keyCode === 8 || event.keyCode === 46 ? true : !isNaN(Number(event.key))" />

edited Mar 16 '20 at 11:17

answered Mar 16 '20 at 10:01

kooskoos

4,622
1
12
29

How else would you allow negative nos? Also e stands for exponent that's why it is allowed. – kooskoos Mar 16 '20 at 10:09
read https://stackoverflow.com/questions/31706611/why-does-the-html-input-with-type-number-allow-the-letter-e-to-be-entered-in/31706796 to understand better – kooskoos Mar 16 '20 at 10:09
If you stiil don't want them try the updated answer – kooskoos Mar 16 '20 at 10:12
Glad, I wad able to help:) – kooskoos Mar 16 '20 at 10:14
Not my question though :P – Prakhar Londhe Mar 16 '20 at 10:14
I just noticed that;) – kooskoos Mar 16 '20 at 11:16

Modify the numeric input to accept only numbers

1 Answers1