Don't let a user type the period character in an HTML5 input type number

Question

So right now the user is able to insert a decimal value in the number field of the HTML5 input type="number". I want to prevent that, so if a user types "5.1" it will insert "51" in the textbox.

Is there any way to do this? Thanks!

You have a very similar question here: http://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input — nanocv, May 14 '16 at 23:56

Gaspa79 · Accepted Answer · 2023-06-12T18:04:37.733

3

The definite answer is this:

function preventDot(e) {
            var key = e.charCode ? e.charCode : e.keyCode;

            if (key == 46) {
                e.preventDefault();
            }
        }

And bind it on keydown

edited Jun 12 '23 at 18:04

answered May 15 '16 at 00:05

Gaspa79

5,488
4
40
63

[keypress is deprecated](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event) – Ruan Mendes Jun 07 '23 at 14:30
1

@RuanMendes thanks. It wasn't 7 years ago when I wrote this answer. I changed it to keydown now – Gaspa79 Jun 12 '23 at 18:05

The SE I loved is dead · Answer 2 · 2016-05-22T03:53:16.017

0

You can use a regular expression to find the characters that make the value a decimal value, and then delete them so that the value internally becomes an integer:

/[\.,]/

edited May 22 '16 at 03:53

answered May 14 '16 at 23:54

The SE I loved is dead

1,517
4
23
27

There's a simple reason for this: In my home country the period doesn't mean "decimal place" but "thousands place". Therefore, a user will type 7.900 and it will parse it as 7, which would be wrong – Gaspa79 May 14 '16 at 23:55

Don't let a user type the period character in an HTML5 input type number

2 Answers2

Linked