how to make an input field accept only numbers
how to make an input field accept only numbers
xxxxxxxxxx<input type="text" pattern="[0-9]*" inputmode="numeric" />Source: Grepper
Closely Related Answers
xxxxxxxxxx<input type="text" onkeypress="return isNumberKey(event)" placeholder="Phone Number">//this will accept only numbers from 0 to 9<script>function isNumberKey(evt){ var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode < 48 || charCode > 57)) return false; return true;}</script>Source: Grepper
xxxxxxxxxx<label for="salary">Enter your salary:</label><input type="text" id="salary" name="salary" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />Source: www.techiedelight.com
xxxxxxxxxx<input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*?)\..*/g, '$1');" /> Run code snippetHide resultsSource: stackoverflow.com
xxxxxxxxxx<!-- Simply set the input type of the input field to number. --!><!-- Just like this: ⬇️ --!><!DOCTYPE html><html> <head> <title>Title/page name</title> <style> .css::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}.css::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; { </style> </head> <body> <p>This input only accepts numbers: </p><input type="number"> <!-- Css can also be use to remove the arrows from the side of the input. --!> <!-- Just like this: ⬇️ --!> <p>This input only accepts numbers and has no arrows: </p><input type="number" class="css"> </body></html><!-- Css can also be use to remove the arrows from the side of the input. --!><!-- Just like this: ⬇️ --!>Source: Grepper
xxxxxxxxxx <input type="number" name="age" id="formAge" maxlength="3" placeholder="age">Source: Grepper
Twitter 
LinkedIn