Use JavaScript for validation input or use step=".01", which allows up to two decimal places on keypress input.
Here are the test cases:
1.25 – Allowed
12.5 – Allowed
125.5 – Allowed
125.55 – Allowed
123.555 – Not Allowed
Examples of JavaScript limit input to 2 decimal places
Example 1: Using JavaScript validation
The input box will not allow a 3rd decimal place. You have also use indexof() and substr() method of JS.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <head> <script> var validate = function(e) { var t = e.value; e.value = (t.indexOf(".") >= 0) ? (t.substr(0, t.indexOf(".")) + t.substr(t.indexOf("."), 3)) : t; } </script> </head> <body> <p> Enter the number</p> <input type="text" id="resultText" oninput="validate(this)" /> </body> </html> |
Output:
Example 2: Using input “step” attribute
The step allows for any number of decimal places, use step=".01", which allows up to two decimal places.
Here is Simple HTML code:-
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <body> <p> Enter the number</p> <input type="number" required name="price" min="0" value="0" step=".01"> </body> </html> |
Output:
Do comment if you have doubts and suggestions on this topic.
Note: All JS Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version
Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.