Jump to Real's How-to Main page

Trigger a submit with Enter

The trick is to use 2 forms. The first one contains all the fields except the last one. The second form contains the last field and in the submit function, we read the values from the first form and put them in hidden fields defined in the second form. After validation, the submit function returns true or false to submit or not. 
<HTML><HEAD> 
 <SCRIPT LANGUAGE="JavaScript">
 function submit1() {
   document.PwdForm.pwd.focus();
   /*  don't submit yet */
   return false;
   }

 function submit2() {
   document.PwdForm.username.value =
       document.LoginForm.username.value;
   /* perform any validation here */
   /* and submit */
   return true;
   }
 </SCRIPT>
</HEAD><BODY>
 <FORM NAME="LoginForm" onSubmit="return submit1()">
 <P>User Name: <INPUT NAME="username" TYPE="TEXT">
 </FORM>

 <FORM NAME="PwdForm" onSubmit="return submit2()">
 <INPUT NAME="username" TYPE="HIDDEN">
 <P>Password: <INPUT NAME="pwd" TYPE="PASSWORD">
 </FORM>
 </BODY></HTML>
If you find this article useful, consider making a small donation
to show your supportfor this Web site and its content.

Written and compiled by Réal Gagnon ©1998-2005
[ home ]