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

556
1
8
19

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

0

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.

answered Mar 06 '11 at 22:07

fabian-mcfly

231
2
12

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

18,322
2
37
44

Changing what Enter button does on a simple form

4 Answers4