I have a form that I want to submit when the user presses Enter. The action URL is determined when the form is submitted based on what the user has selected from a dropdown. In IE, the form is being submitting twice. This is causing a problem on the server side. In Firefox, the form is submitted only once and everything works as expected. How can I code this so IE will only submit the form once? Code below.
<INPUT type="text" name="CONTRACT_ID" onkeypress="javascript:sub
<SCRIPT>
function submitOnEnter(e) {
var ENTER_KEY = 13;
var code = "";
if (window.event) // IE
{
code = e.keyCode;
}
else if (e.which) // Netscape/Firefox/Opera
{
code = e.which;
}
if (code == ENTER_KEY) {
doSubmit();
return false;
}
}
function doSubmit() {
// omitted logic that sets the action on the form based on the selected option
document.frmSearch.submit(
}
</SCRIPT>
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
craigdawson,
If you want to continue to use the event for whatever reason then try to fix this with ...
<INPUT type="text" name="CONTRACT_ID" onkeypress="javascript:sub
Adding "return false" to the event should stop any further default behavior by the object. In theory that should fix the issue. :)
Let me know if you have a question.
b0lsc0tt
Without the OnKeyPress event the form is not submitted in <enter> because there is no action defined for the form. The action URL is determined on submit.
Adding "return false" does prevent the double-post. I had tried that. But the other consequence of this is that keystrokes are ignored in the input box! Can't type in it, can only paste. Obviously that's no good.
You can get the character to appear and use the return false by changing onkeypress to onkeyup. That event should be as supported as onkeypress and so it is a valid way to fix this.
Another thing to try (worked in my test) is to add 'onsubmit="return false;"' to the form tag (no single quotes). That seems to stop the second submit. You would not need the return false in the onkeypress event.
I still am not clear on why you need the submit() method call in the script but that probably doesn't matter. :) Either of these options should fix this for you.
If not then please provide the html for the form and any other script that is part of this process. Let me know if you have a question.
bol
Business Accounts
Answer for Membership
by: b0lsc0ttPosted on 2007-11-20 at 14:28:17ID: 20323884
craigdawson,
Are you not using normal form tags or something besides a submit button? Is there more than one form or submit button?
The behavior you want (pressing Enter submits form) is the default behavior for a form. The reason it is occurring twice is probably this default behavior. What happens if you don't use the onkeypress Event?
Let me know if you have any questions or need more information.
b0lsc0tt