Validate a number input with javascript

Question

I am trying to validate my form information using javascript. My form has an amount value that must be entered as a number. I am trying to make it so a number must be inputted but I cannot quite get down the issue I am having with my javascript function

<form name="formname" onsubmit="return checkNumInput()" action="nextpage.php" method="post">

function checkNumInput(){
    number.constructor;
    var amount = document.forms["formname"]["amount"];
    if(Number.isNaN(amount.value)){
        window.alert("amount must be a number");
        amount.focus();
        return false;
    }
    return true;
}

Just use `` and the user won't be able to enter anything but numbers. — Scott Marcus, Nov 21 '19 at 22:53
@ScottMarcus Okay, but out of curiousity,how would it work with javascript? — PJ445, Nov 21 '19 at 22:54
`Number.isNaN` only checks to see if the passed value is `===NaN` not if something cant be converted to a number. You probably meant to use the global `isNaN` — Patrick Evans, Nov 21 '19 at 23:03
https://stackoverflow.com/questions/9716468/pure-javascript-a-function-like-jquerys-isnumeric — Scott Marcus, Nov 22 '19 at 00:15

score 2 · Answer 1 · answered Nov 21 '19 at 23:04

2

If you ain't planning to use native HTML5 number input, with JavaScript is as easy as this:

const input = document.querySelector("#numbers");

input.addEventListener("keydown", verifyKey);

function verifyKey(e) {
  if(isNaN(+e.key) && e.key!="Backspace"){
    e.preventDefault();
  }
}

<input type="text" id="numbers">

answered Nov 21 '19 at 23:04

k3llydev

2,057
2
11
21

really really sleek – Timetrax Nov 21 '19 at 23:06

Validate a number input with javascript

1 Answers1