Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

224
Views
Number input min attribute not working with floats

With the below HTML, when I type the value 3 in the input and click on submit, Chrome (at least) shows the following error in a popup:

Please enter a valid value. The two nearest valid values are 2.0001 and 3.0001.

This doesn't make sense. I've set the minimum value to be 0.0001 and I'm entering 3 which is greater than 0.0001.

document.getElementById('form').onsubmit = function(e) {
  e.preventDefault()
}
<form id="form">

  <input placeholder="0.000" 
         id="something" 
         type="number" 
         name="something" 
         min="0.0001" 
         required>
       
  <button type="submit">submit</button>
  
</form>

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

The default value for the step attribute is 1, and since you've a min applied on your input, there's no integral n such that min + n * step (0.0001 + n * 1) equals 3.

You can change the step to 0.0001 or any.

document.getElementById('form').onsubmit = function(e) {
  e.preventDefault();
  console.log(e.target.elements[0].value);
}
<form id="form" onsubmit="onSubmit">
  <input
    placeholder="0.000"
    id="something"
    type="number"
    name="something"
    min="0.0001"
    step="any"
    required
  >
  <button type="submit">submit</button>
</form>

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!