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
– Vaibhav Kaushik, Commented Mar 16, 2020 at 9:55

kooskoos · Accepted Answer · 2020-03-16 11:17:41Z

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, 2020 at 11:17

answered Mar 16, 2020 at 10:01

kooskoos

4,9391 gold badge17 silver badges31 bronze badges

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

6 Comments

kooskoos Over a year ago

How else would you allow negative nos? Also e stands for exponent that's why it is allowed.

kooskoos Over a year ago

read stackoverflow.com/questions/31706611/… to understand better

kooskoos Over a year ago

If you stiil don't want them try the updated answer

kooskoos Over a year ago

Glad, I wad able to help:)

Prakhar Londhe Over a year ago

Not my question though :P

|

Collectives™ on Stack Overflow

Modify the numeric input to accept only numbers

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related