Changing what Enter button does on a simple form

Question

My question is very similar to this one.

I really thought that <input type="text" name="StackOverflow1370021" value="Fix IE bug" style="{display:none}" /> would fix this.

For clarity, I want the Enter button to do what the "Change" button does. http://jsfiddle.net/RASgx/

Minor sidenote: You should clean up your HTML. There is for example neither a nor a . — stefanglase, Mar 06 '11 at 22:18

score 2 · Answer 1 · answered Mar 06 '11 at 22:06

You need to add a return false; to make it not submit

<form name="text" onSubmit="document.getElementById('change').innerHTML=parseInt(document.getElementById('change').innerHTML)+parseInt((text.elements.field.value));return false;">

Updated version (3) of your jsFiddle

score 0 · Answer 2 · answered Mar 06 '11 at 22:06

0

Although this is highly not recommended, you can add in the onsubmit at the end:

return false;

here is a fork of your code

answered Mar 06 '11 at 22:06

Cu7l4ss

546
1
7
19

score 0 · Accepted Answer · answered Mar 06 '11 at 22:07

Change your tag to: <form name="text" onSubmit="document.getElementById('change').innerHTML=parseInt(document.getElementById('change').innerHTML)+parseInt((text.elements.field.value)); return false;"> That will prevent the form from being submitted.

score 0 · Answer 4 · answered Mar 06 '11 at 22:08

0

add return false; to your onSubmit handler to prevent the default.

answered Mar 06 '11 at 22:08

Gabriel

17,724
2
36
42

Changing what Enter button does on a simple form

4 Answers4