How to accept only number in the input field using js

Question

How to make the input box accept only numbers in the input field using js event listener.

  <form action="#">
     <label for="value">Value:</label>
     <input type="text" name="value" id="value" />
     <button type="submit">Convert</button>
     <button type="reset">Clear</button>
  </form>
 

<script>
    form.addEventListener(`submit`, function(event){
        event.preventDefault();
    });    
</script>

You can use typeof parseInt(input) == „number“. This will try to parse the input to a number and then check if parseint returns a number or something else using typeof — ShadowLp174
– ShadowLp174, Commented Dec 17, 2021 at 21:18
And remember that anyone can open developer tools to get around any client side validation you attempt to make. Always double-check that your inputs are valid on your server-side code before using it. — Samathingamajig
– Samathingamajig, Commented Dec 17, 2021 at 21:18

ShadowLp174 · Accepted Answer · 2021-12-17 21:20:20Z

1

You can parse the input to a number and then check if it is a number or something else like NaN.

if(typeof parseInt(input) ==="number"){
  console.log("number!");
}

Please note that anyone can bypass this using the dev tools so don't forget to implemnt server-side validation.(Thx for the tip @samathingamajig)

answered Dec 17, 2021 at 21:20

ShadowLp174

5322 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to accept only number in the input field using js

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related