Input type Number validates if decimal has three digits

Description

It seems that if you have a input[type="number"] and have the class validate it will always return the success message if the number has three decimal places (number types shouldn’t have any decimal places).

How to replicate this issue

With the input:

 <input type="number" name="amount" id="amount" class="validate">
 <label for="amount" data-error="Invalid number (eg. 1200)">Amount</label>

Then the following examples:

Value	Status
0.1	Fails
123	Passes
123.123	Passes
1.123	Passes
123.12	Fails
1.1234	Fails

[ghost]

Try adding step="any" to your input, as described here. I’m thinking that the input is expecting an integer. By adding step="any", both integers and floats will be valid.

[Jujunol]

I found the issue. It has to do with locale and number formatting based on language. So for you guys (assuming you have an English locale) I’m guessing it would occur if you entered 123 456. But I have yet to test whether these characters are sent upon form submit. Thanks for your help with this issue.