Disable Enter Key

Andrew Samoilov Feb 14, 2007

General

Use this script to prevent visitors from submitting a form before it is completely filled-in. Instead of using the enter key to move from field to field, they will need to use either the tab key or the mouse.

Notes

Created by: Andrew G. Samoilov
Web Site: http://www.webcheatsheet.com/
Posted: February 14, 2007

Source Code

Paste this source code into the designated areas.

External file

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

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: Andrew G. Samoilov | http://www.webcheatsheet.com/ */
function stopRKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = stopRKey;

Head

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


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

Body

Paste this code into the BODY section of your HTML document


<form name="form1" method="post" action="">
<fieldset id="form1" style="width: 30%; line-height: 30px;">
<label for="name">Name:    </label>
<input class="inputfield" name="name" maxlength="64" size="32" type="text">
<br>
<label for="email">E-Mail:   </label>
<input class="inputfield" name="email" value="" maxlength="64" size="32" type="text">
<br>
<label for="country">Country: </label>
<input class="inputfield" name="country" value="" maxlength="64" size="32" type="text">
<br>
<input value="Submit" name="send" type="submit" style="margin-left: 50px;" onclick="alert('This would have processed the form');">
</fieldset>
</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