How can I make the HTML5 number field display trailing zeroes?

by

I attached an on(‘change’) event to the input you want to have trailing 0’s

$('.number-input').on('change', function(){
    $(this).val(parseFloat($(this).val()).toFixed(2));
});

It just takes the value, casts it to a float, renders it to a string to the number of decimal places, and puts it back in as the value.

More Related Contents:

  1. Force decimal point instead of comma in HTML5 number input (client-side)
  2. How can I set max-length in an HTML5 “input type=number” element?
  3. Why does the html input with type “number” allow the letter ‘e’ to be entered in the field?
  4. How to make HTML input tag only accept numerical values?
  5. Is there any way to prevent input type=”number” getting negative values?
  6. Make Input Type=”Password” Use Number Pad on Mobile Devices
  7. HTML5 input box with type=”number” does not accept comma in Chrome browser
  8. Difference between and
  9. Put icon inside input element in a form
  10. How to customize ?
  11. Styling text input caret
  12. Style input type file? [duplicate]
  13. How to change the button text of ?
  14. HTML Input=”file” Accept Attribute File Type (CSV)
  15. How to detect when cancel is clicked on file input?
  16. Changing the symbols shown in a HTML password field
  17. Allow 2 decimal places in
  18. How to get folder directory from HTML input type “file” or any other way?
  19. Is there a way to style part of an input field’s value? [duplicate]
  20. Change cursor type on input type=”file” [duplicate]
  21. Is well formed without a ?
  22. How to avoid sending input fields which are hidden by display:none to a server?
  23. Is it possible to always show up/down arrows for input “number”?
  24. Set maxlength in Html Textarea [duplicate]
  25. Changing the highlight color when selecting text in an HTML text input
  26. How to write fraction value using html?
  27. HTML input field OUTSIDE of a form
  28. How to get rid of x and up/down arrow elements of a input date?
  29. How to get the text from the HTML5 input field error message in Selenium?
  30. Make input element (type=”text”) handle multiple lines of text

Leave a Comment