Submit button issue

irbk · Aug 9, 2006

So, I have a form, the form was being accidently submitted by enter key presses. So rather then having

Code:

<input type="submit" name="submitform" value="submit">

I changed it to run a little javascript

Code:

<input type="button" name="submitform" value="Submit" onClick="document.mainsubmitform.submit()">

This prevents the form from being submited via an accidential enter key push. However, when the form is submitted, I no longer have the $_POST['submitform'] variable letting me know that the form was actually submited.
So, how do I keep people from accidently submiting the form and maintain some type of variable letting me know when the page was submited?

Thanks in advaince.

j4606 · Aug 9, 2006

Dynamic drive has a script to disable the enter key.

http://www.dynamicdrive.com/dynamicindex16/disableenter.htm

Uses onkeypress and event.keycode.

irbk · Aug 9, 2006

I tried that. However, when you you get the enter key press I get and error

Code:

Error: Can't move focus to the control because it is invisible, not enabled, or of a type that does nto accept the focus.

So that won't really work for me. Thanks for the suggestion though.

irbk · Aug 9, 2006

I just had a thought, the code you suggested from dynamic drive is

Code:

function handleEnter (field, event) {
		var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
		if (keyCode == 13) {
			var i;
			for (i = 0; i < field.form.elements.length; i++)
				if (field == field.form.elements[i])
					break;
			i = (i + 1) % field.form.elements.length;
			field.form.elements[i].focus();
			return false;
		} 
		else
		return true;
	}

I don't care if it moves me to the next field, I just want it to not do anything if the enter key is pressed. Is it easy enough to modify this script so that the form just ignores the enter keypress?

j4606 · Aug 9, 2006

Should just be able to do this and it will disable the keypress.

Code:

<html>

<head>
<script type="text/javascript">

/***********************************************
* Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com)
* This notice must stay intact for use
* Visit [URL unfurl="true"]http://www.dynamicdrive.com/[/URL] for full source code
***********************************************/

function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
return false;
} 
else
return true;
} 

</script>
</head>

<body>
<form>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
<textarea>Some text</textarea>
</form>
</body>
</html>

irbk · Aug 9, 2006

Yep, I just figured that out myself and was just about to post it. Thanks!

j4606 · Aug 9, 2006

I personally liked the fact that the enter did something the script seems kind of bloated. I'll see if I can rewrite it to make it shorter.

j4606 · Aug 9, 2006

If you don't like the functionality of the dd script you can try something like this.

Code:

<html>
	<body>
<script type="text/javascript">
function noEnter(e)
{
	if(e.keyCode == 13 || e.which == 13){
		return false;
	}
	else{ 
		return true;
	}
}
</script>
<form>
	<input type="text" onkeypress=" return noEnter(event)" />
</form>
</html>
[code]

irbk · Aug 10, 2006

I liked the idea that it moved to the next field, however, on my form it had issues and belched errors on some fields. So, rather then trying to solve the problem AND be fancy, I'm completely happy with just solving the problem.
Your script does seem a bit less bloated then what I have now, May have to use it... Thanks.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Submit button issue

irbk

MIS

j4606

MIS

irbk

MIS

irbk

MIS

j4606

MIS

irbk

MIS

j4606

MIS

j4606

MIS

irbk

MIS

Similar threads

Part and Inventory Search

Sponsor