FP2002: Pressing ENTER on a Form Page Submits the Form (302905)

WORKAROUND

Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements. NOTE: You may receive an error message if you copy the examples directly from this article and paste them into FrontPage. The angle brackets (< and >) may appear as escaped HTML code (< and >). To work around this behavior, paste the script into a blank Notepad document, and then copy it from Notepad before you paste it into FrontPage. To work around this behavior, use Dynamic HTML (DHTML) to intercept the ENTER keystroke and convert it to a TAB keystroke.

IMPORTANT NOTE: The following sample code uses custom DHTML that may not be available in all browsers. For more information about compatibility with other browsers, click Microsoft FrontPage Help on the Help menu, type compatibility in the Office Assistant or the Answer Wizard, and then click Search to view the topic.

Open a web in FrontPage 2002 and create a new page.
Insert a form on the page:
1. On the Insert menu, point to Form, and then click Form.
2. Right-click the form and then click Form Properties on the menu that appears.
3. In the Form Name box, type myForm.
4. Click OK.
Add two text boxes to the form:
1. On the Insert menu, point to Form, and then click One-Line Text Box.
2. Press ENTER.
3. On the Insert menu, point to Form, and then click One-Line Text Box.
Delete the Submit and Reset buttons.

Switch to HTML view and make the following changes:

Locate the <body> tag and change it to the following:

<body onContextMenu="return false" onKeyDown="if (window.event.keyCode==13) window.event.keyCode=9;">

Locate the </form> tag and change it to the following:

<!-- show a SUBMIT button -->
<input onKeyDown="if (window.event.keyCode==13) myForm.submit();" type="submit" value="Submit"><br>

<!-- show a RESET button -->
<input onKeyDown="if (window.event.keyCode==13) resetForm();" onClick="resetForm();" type="button" value="Reset"><br>

<!-- DHTML script to reset the form -->
<script language="JavaScript">
<!--
// Set the focus of the form to the first element.
myForm.elements(0).focus();
function resetForm()
{
  // Prompt to reset the form.
  if (confirm('Are you sure you want to clear the form?'))
    window.location.reload(); // Reload the page to clear the form.
}
//-->
</script>

</form>

Save the page as Formtest.htm in your Web.

When you view this page in Microsoft Internet Explorer, and press ENTER, it will be captured and converted to a TAB keystroke unless the ENTER key is pressed when either the SUBMIT or RESET buttons have focus.

FP2002: Pressing ENTER on a Form Page Submits the Form (302905)

SYMPTOMS

CAUSE

WORKAROUND