I could submit a form and validate it using a simple anonymous function in javascript as,
document.getElementById( myForm ).onsubmit = function() {
if(document.getElementById( email ).value == "") {
document.getElementById( errormessage ).innerHTML = "Please provide at least an email address";
return false;
} else {
return true; // Note this
}
};
In the example above using anonymous function, I could simply assign the return value when the document is submitted and prevent the page from being submitted while in the example below I use addEventListener to add event when the form is submitted and it is further evaluated by validate function. I have also placed the return value to be true or false but this approach does not seem to work and the page gets submitted. I think I am wrong in returning the value
function addEventHandler(node, evt, func) {
if(node.addEventListener)
node.addEventListener(evt, func);
else
node.attachEvent("on" + evt, func);
}
function initializeAll() {
addEventHandler(document.getElementById( myform ), submit , validate);
}
function validate() {
if(document.getElementById( email ).value == ""){
document.getElementById("errormessage").innerHTML = "Please provide at least an email ";
return false;
} else {
return true;
}
}
addEventHandler(window, load , initializeAll);
How should I return value this way so as to prevent the form from submitting or submitting the form?