SitePoint.com

ianio · Aug 17, 2004, 08:04

Hi Peeps,

I have a standard form using javascript to validate and edit the results using the code "onSubmit=validateFunc()".
This is great and works fine if the user clicks the submit button but if they just press enter it doesnt call the function. is there any way i can force the function to be called every time?

ianio

greg.harvey · Aug 17, 2004, 08:09

you could combine it with a key capture... or remove your button and replace it with a text link like this one and make your validation part of the submitForm() function.

http://www.javascript-coder.com/java...m-submit.phtml

ianio · Aug 17, 2004, 08:19

I thought about the key capture idea but what is the enter key called?
i assume i use an onKeyDown function to see if the enter key is pressed and then submit the form if this is true.

greg.harvey · Aug 17, 2004, 08:43

Google:
http://www.google.co.uk/search?hl=en...re+codes&meta=

leads to:
http://www.htmlgoodies.com/beyond/keycapture.html

Enter = 13 and full cross-browser script.

G

stereofrog · Aug 17, 2004, 09:03

Hmm... form.onsubmit always fires when form is being submitted, regardless of which cause (enter key, click or click() event). The only exception is form.submit() method.

So, instead of catching keyboard events (which is completely irrelevant here) make sure that you use a correct syntax

Code:

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

and don't call form.submit directly.

Guimauve · Aug 17, 2004, 09:35

Quote:

Originally Posted by stereofrog

Hmm... form.onsubmit always fires when form is being submitted, regardless of which cause (enter key, click or click() event). The only exception is form.submit() method.

So, instead of catching keyboard events (which is completely irrelevant here) make sure that you use a correct syntax

Agree with this 100%

No reason to complicate your pages for functionality that is built into the browser anyway...

Charles

ianio · Aug 17, 2004, 09:09

Ooh so close.
this is the simple version of the code i used (Thanks to Greg.Harvey)
<html>
<head>
<script language="JavaScript">

</script>
</head>

<body onKeyPress="whatButton()">
<p>Press a key</p>
</body>
</html>

When the function realised you pressed enter i told it to call the standard Validate() function.
This it did and i got an alert saying "there are fields you havent filled in" but it then continued to submit the form anyway which led to the same old error message.
There must be a way to say "Do not submit when the enter button is pressed"

ianio · Aug 17, 2004, 09:31

Ah. i had a <input type="button" onclick="Validate()">
using the <input type="submit"> and onsubmit="return Validate()" seems to have done the job. Thankyou ALL

Aug 17, 2004, 08:04	#1
ianio SitePoint Member Join Date: Sep 2003 Location: preston Posts: 11	ensure validation upon pressing enter Hi Peeps, I have a standard form using javascript to validate and edit the results using the code "onSubmit=validateFunc()". This is great and works fine if the user clicks the submit button but if they just press enter it doesnt call the function. is there any way i can force the function to be called every time? ianio

Aug 17, 2004, 09:03	#5
stereofrog SitePoint Wizard Join Date: Apr 2004 Location: germany Posts: 4,321	Hmm... form.onsubmit always fires when form is being submitted, regardless of which cause (enter key, click or click() event). The only exception is form.submit() method. So, instead of catching keyboard events (which is completely irrelevant here) make sure that you use a correct syntax Code: <form ... onsubmit="return validateFunc()"> and don't call form.submit directly.

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Hybrid Mode Switch to Threaded Mode

Aug 17, 2004, 08:09	#2
greg.harvey Drupaler Join Date: Jul 2002 Location: London, UK Posts: 3,299	you could combine it with a key capture... or remove your button and replace it with a text link like this one and make your validation part of the submitForm() function. http://www.javascript-coder.com/java...m-submit.phtml

Aug 17, 2004, 08:19	#3
ianio SitePoint Member Join Date: Sep 2003 Location: preston Posts: 11	I thought about the key capture idea but what is the enter key called? i assume i use an onKeyDown function to see if the enter key is pressed and then submit the form if this is true.

Aug 17, 2004, 08:43	#4
greg.harvey Drupaler Join Date: Jul 2002 Location: London, UK Posts: 3,299	Google: http://www.google.co.uk/search?hl=en...re+codes&meta= leads to: http://www.htmlgoodies.com/beyond/keycapture.html Enter = 13 and full cross-browser script. G

Aug 17, 2004, 09:09	#7
ianio SitePoint Member Join Date: Sep 2003 Location: preston Posts: 11	Ooh so close. this is the simple version of the code i used (Thanks to Greg.Harvey) <html> <head> <script language="JavaScript"> <!-- function whatButton() { if (window.event.keyCode == 13) { alert('Thats the enter key'); } } // --> </script> </head> <body onKeyPress="whatButton()"> <p>Press a key</p> </body> </html> When the function realised you pressed enter i told it to call the standard Validate() function. This it did and i got an alert saying "there are fields you havent filled in" but it then continued to submit the form anyway which led to the same old error message. There must be a way to say "Do not submit when the enter button is pressed"

Aug 17, 2004, 09:31	#8
ianio SitePoint Member Join Date: Sep 2003 Location: preston Posts: 11	Ah. i had a <input type="button" onclick="Validate()"> using the <input type="submit"> and onsubmit="return Validate()" seems to have done the job. Thankyou ALL