How to solve the problem that the form is still submitted, even if the listening handler returns false
Code
<Form action = "http://www.example.com" id = "form">
<Input type = "text"/>
<Input type = "submit"/>
</Form>
<Script>
Var code = function (){
Return false;
};
Var element = terraform Doc ument. getElementById ("form ");
If (element. addEventListener ){
Element. addEventListener ("submit", code, false );
}
</Script>
Modified Code:
Code
<Form action = "http://www.example.com" id = "form">
<Input type = "text"/>
<Input type = "submit" id = "btnSubmit" name = "btnSubmit" value = "Submit"/>
</Form>
<Script>
Var code = function (eventObject ){
If (eventObject. preventDefault ){
EventObject. preventDefault ();
} Else if (window. event)/* for ie */{
Window. event. returnValue = false;
}
Return true;
};
Window. onload = function (){
Var element = terraform Doc ument. getElementById ("form ");
If (element. addEventListener ){
Element. addEventListener ("submit", code, false );
} Else if (element. attachEvent ){
Element. attachEvent ("onsubmit", code );
}
}
</Script>
Note:
1: Use of the preventDefault function see https://developer.mozilla.org/en/DOM/event.preventDefault
2: DOM Events: http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault