submit on enter ?

**Golgotha** · Sep 3, 2003, 11:49

in a typical form when you hit the enter key it will submit the data, however I am not using a submit button but rather a regular button the calls this funtion:

Code:

 
function submitDB(){
var itemnum = document.formhandheld.itemnum.value;
var readSource = 0;
var readType = 0; 
window.location.href = "PocketPCDetails.asp?ScanCheck=1&itemnum=" + itemnum + "&readSource=" + readSource + "&readType=" + readType;  
}

I would still like the enter key to submit or call this function. HELP!

**bbolte** · Sep 3, 2003, 12:36

add an onSubmit(submitDB); to the button?

**bbolte** · Sep 3, 2003, 12:37

actually, it's this (i think) in the action portion of the form:

onSubmit="submitDB();"

**M. Johansson** · Sep 3, 2003, 12:54

Did this work? I'm really interested in this.

**Golgotha** · Sep 3, 2003, 12:56

hmmm, not sure I get that, like action="submitDB()" ??

and then do I change the button to be a submit button

**Golgotha** · Sep 3, 2003, 13:00

I cant seem to get it

**bbolte** · Sep 3, 2003, 13:31

can we see the relevant code?

**Golgotha** · Sep 3, 2003, 13:36

here's what I have:

Code:

function submitDB(){
var itemnum = document.formhandheld.itemnum.value;
var readSource = 0;
var readType = 0; 
window.location.href = "PocketPCDetails.asp?ScanCheck=1&itemnum=" + itemnum + "&readSource=" + readSource + "&readType=" + readType; 
}

Code:

 
<form method="get" name="formhandheld">

Code:

 
<input type="button" name="Details" value="&nbsp;Details&nbsp;" onClick="submitDB()">

FYI, the code works, but I cant use the ENTER key, need that

**bbolte** · Sep 3, 2003, 14:00

the enter key probably has to do with it not being a submit button(?). hmmmmm... any reason why it can't be a submit button?

**KeithMcL** · Sep 3, 2003, 14:07

I figured this exact problem out in my previous job on a project. I can't remember what code I used, but I remember that I had to get the Javascript to recognise that the return hit had been pressed, which is number 13 on the keycode list (if I remember correctly).

These links might help somewhat:

http://www.allasp.net/enterkey.aspx
http://www.cs.tut.fi/~jkorpela/forms/enter.html

**Golgotha** · Sep 3, 2003, 15:28

I GOT IT...
strange though had to remove the form tag.

**bbolte** · Sep 3, 2003, 16:59

woo hoo!

**kgish** · Sep 4, 2003, 01:19

Actually, removing the form-tag is not the correct way, as this introduces an incompatibility. Some browsers will even choke on a submit button that is not found within a form.

The correct way to handle this is to place an onsubmit event handler in the form tag:

Code:

<form ... onsubmit="return submitHandler()">

**Golgotha** · Sep 4, 2003, 08:11

ok, perhaps then you can help me, since as soon as I add the form back it wont work....

relevent code is in red...

Code:

<%@LANGUAGE="JAVASCRIPT"%>
<html>
<head>
<title>Hand Held Item Entry</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function enterkey(eEvent) {
  if (eEvent.keyCode == 13){
	submitDB();
 }
 return true;
}
function submitDB(){
var itemnum = document.all.itemnumHolder.value;
var readSource = 0;
var readType = 0; 
window.location.href = "PocketPCDetails.asp?ScanCheck=1&itemnum=" + itemnum + "&readSource=" + readSource + "&readType=" + readType;  
}
function logOff(){
window.location.href="pocketLogin.asp";
}
</script>
</head>
<body bottommargin="0" topmargin="0" rightmargin="0" leftmargin="0">
<form method="get" name="formhandheld" onsubmit="return enterkey()">
<table width="225" border="0" cellpadding="0" cellspacing="0">
  <tr>
	<td bgcolor="#e3e3e3" valign="top">
 <table width="100%" height="320" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td bgcolor="#e3e3e3" height="*" valign="top">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
	 <td colspan="2" align="center" bgcolor="#00CC33">
	 <font size='-1' face='verdana,arial'>Hand Held Item Maintenance</font>
	 </td>
	 </tr>
	 <tr>
	  <td>&nbsp;</td><td>&nbsp;</td>
	 </tr>
   <tr>
	  <td colspan="2" align="center"><font face='verdana,arial'>Scan Item or Key Enter Item</font></td>
	 </tr>
	 <tr>
   <td align="center" colspan="2"><input name="itemnumHolder" type="text" onkeypress="return enterkey(event)" size="30" maxlength="13" ></td>
	 </tr>
	
			  <tr>
   <td align="center" colspan="2">&nbsp;
   </td>
	 </tr>  
			   
				
			  </table>
   </td>
		</tr>
		<tr>
		  <td bgcolor="#999999" height="28"><div align="center">
	<input name="Log_Off" type="button" value="	Log Off	" onClick="logOff()"><br />
				<input type="button" name="Details" value="&nbsp;Details&nbsp;" onClick="submitDB()">
				<input type="reset" name="Cancel" value="&nbsp;Cancel&nbsp;">
	 <input type="button" name="Help" value="&nbsp;&nbsp;&nbsp;Help&nbsp;&nbsp;&nbsp;" onClick="window.location.href="pocketScanItem_Help.asp"">
			</div></td>
		</tr>
	  </table></td>
  </tr>
</table>
</form>
</body>
</html>

The SitePoint Forums have moved.

User Tag List

Thread: submit on enter ?

Thread Tools

Display

submit on enter ?

Bookmarks

Bookmarks

Posting Permissions