Numbers Only

JavaScriptSource Staff Dec 7, 2007

General

Use this script to restrict the user from entering anything but numbers in a form field.

Notes

Created by: Idocs, Inc.
Web Site: http://www.idocs.com
Posted: December 7, 2007

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: numbersOnly.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Copyright 1999 Idocs, Inc. http://www.idocs.com
Distribute this script freely but keep this notice in place */

function numbersonly(myfield, e, dec) {
  var key;
  var keychar;

  if (window.event)
    key = window.event.keyCode;
  else if (e)
    key = e.which;
  else
    return true;
  keychar = String.fromCharCode(key);

  // control keys
  if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) )
    return true;

  // numbers
  else if ((("0123456789").indexOf(keychar) > -1))
    return true;

  // decimal point jump
  else if (dec && (keychar == ".")) {
    myfield.form.elements[dec].focus();
    return false;
  } else
    return false;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="numbersOnly.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form>
  U.S. Zip Code: <input name="dollar" size="5" maxlength="5" onkeypress="return numbersonly(this, event)">
  <input type="submit" value="Submit">
</form>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details