how to verify that input is an integer or float?

Hello,
I need to verify that user input from a textbox is a float or an integer. Non-numeric data has to be rejected. I need to do this in javascript.

Cheers,
Rick
richardsimnettAsked:
Who is Participating?
 
ColosseoConnect With a Mentor Commented:
Hi Rick

Here is an example page I created for you which should do what you need

<html>
<head>
<title>Check Number</title>
</head>
<script type="javascript">
<!--

  function validateNumber(num)
  {
    // If the input is not a number
      if(isNaN(num))
      {
        // alert the user and return false
        alert("You must enter a valid number!");
        return false;
      }
      // return true
      return true;
  }

//-->
</script>

<body>

<input name="txtNumber" type="text">

<input type="button" name="butValidate" value="Validate" onclick="validateNumber(txtNumber.value);">
</body>
</html>

Any questions let me know

Cheers

Scott
0
 
etmendzCommented:
Use regular expressions.

To match float: /^[0-9]+\.[0-9]+$/

To match integer: /^[0-9]$/

Test for float first. If that fails, then test for integer. If that fails, there are invalid characters in the text box.

var fr = new RegExp("^[0-9]+\.[0-9]+$");
var ir = new RegExp("^[0-9]+$");

if (fr.Test(x)) {
 alert("Float!");
} else if (ir.Test(x)) {
 alert("Integer!");
} else {
 alert("Invalid number!");
}

Have fun.
0
 
etmendzCommented:
Sorry, a little VBScript mixup there: Here's the correct code:

<html>
<head>
<script language="JavaScript">
function boo() {
      var fr = new RegExp("^[0-9]+\.[0-9]+$");
      var ir = new RegExp("^[0-9]+$");
      var x = "12.50";
      if (fr.exec(x) != null) {
            alert("Float!");
      } else if (ir.exec(x) != null) {
            alert("Integer!");
      } else {
            alert("Invalid number!");
      }
}
</script>
</head>
<body onload="javascript:boo();">
</body>
</html>
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
ColosseoCommented:
:etmendz

Hi

I believe your first code didn't work cause you used Test instead of test.

I was thinking would you not want to check for an integer first. The way you have it an integer would match your float regexp?

Or instead just use

if ((fr.Test(x)) || (ir.Test(x))) {
 alert("Number!");
} else {
 alert("Invalid number!");
}

also your regular expressions don't allow for negative numbers

Cheers

Scott
0
 
etmendzCommented:
To support signed numbers:

To match float: /^[+\-]?[0-9]+\.[0-9]+$/

To match integer: /^[+\-]?[0-9]$/

     var fr = new RegExp("^[+\-]?[0-9]+\.[0-9]+$");
     var ir = new RegExp("^[+\-]?[0-9]$");
     var x = "-12.50";
     if (fr.exec(x) != null) {
          alert("Float!");
     } else if (ir.exec(x) != null) {
          alert("Integer!");
     } else {
          alert("Invalid number!");
     }

Have fun.
0
 
TyzerCommented:
Just use  "isNaN"
Greetz, Tys
0
 
kolluCommented:
function ValidateString(objName)
{
      var numberfield = objName;
      if (chkNumeric(objName) == false)
      {
            //numberfield.select();
            //numberfield.focus();
            return false;
      }
      else
      {
            return true;
      }
}                              
function chkNumeric(objName)
{
      var checkOK = "0123456789";
      //checkOK = checkOK + chr(8) + chr(127);
      var checkStr = objName;      
      var allValid = true;
      //alert("Len of object " + checkStr.value.length);
      for (i = 0;  i < checkStr.length;i++)
      {
      ch = checkStr.charAt(i);
      for (j = 0;  j < checkOK.length;  j++)
      if (ch == checkOK.charAt(j))
      break;
      if (j == checkOK.length)
      {
      allValid = false;
      break;
      }
      }
      if (!allValid)
      {      
      alertsay = "Please enter only these values ";
      alertsay = alertsay + checkOK ;
      //alert(alertsay);
      return (false);
      }
}
Can check like
f (ValidateString(frmname.all["filed"].value)==false)
0
 
etmendzCommented:
The advantage of facilitating the validation of numbers and their format may be useful when you want to have reusable javascript functions to specifically validate float for money or percent fields and integer for quantity fields for example.

Although isNaN may be enough to validate a numeric entry, it does not, however, enforce the validation of numeric formats. You can achieve the same effect as isNaN with regular expressions but you can be more flexible and specific with the fomat as necessary.

To simply validate a number (float or integer) using regular expression and reject invalid characters, use the regular expression:

/^[0-9]+(\.[0-9]+)?$/

To support signed numbers:

/^[+\-]?[0-9]+(\.[0-9]+)?$/

To support accounting format entries where "(#)" is for negative #:

/^([0-9]+(\.[0-9]+)?|\([0-9]+(\.[0-9]+)?\))$/

Have fun...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.