|
Validating Numerical Input with JavaScript
|
By David Morse
[Hits: 22570]
|
|
What? Make a mistake entering data? Who me? NO WAY! Right¡
Every form of data input by a user should be validated in someform or fashion. If you get
clean data in, you won¡¯t get garbage out. This tutorial is goingto explain how to validate
numerical data entered into a form using JavaScript.
First, let us begin with the code to insert the JavaScript intoyour HTML document.
Place these lines between the and tags.
This line tells the web browser to expect some JavaScript codeand signal the beginning of
the script:
So now the format should look something like this:
My Title
Now on to validating the numerical input.
First we will create a function with one arument:
function validate(mydata){
These lines will test for a blank enty then prompt the user forinput:
if (mydata == ""){ alert("Please enter a number.") }
Next we will create a for loop which will look at each characterin the data until it
reaches the end:
for(var i=0;i < mydata.length;i++){
Now create a variable and assign the counter variable value toit:
var mydigit = mydata.charAt(i)
To screen out symbols, punctuation, and letters, place an ifstatement in the loop:
if(mydigit < "0" || mydigit > "9"){
The || in the if statement scans for both conditions.
The next line will alert the user to any mistakes he/she hasmade:
alert(mydigit + " is not a number.")
Here is the complete code including HTML:============================================= Numerical Validation | | |
