Question

I’m using this event listener to for the submit buttons:

document.forms[formID].addEventListener('submit',validate);

I want to make the page stay as it is when submitting without refreshing or redirecting,
this is the validate function, and the return false; doesn’t work

function validate() {

    CheckedN = this.name;
    CorrectAnswer = questions.correctAns[CheckedN];
    UserAnswer = -1;

    for (var i=0; i < 4; i++) {
        if (this.answerN[i].checked === true) {
            UserAnswer = i;
        }
    }

    if (UserAnswer === -1) {alert("Please choose an answer");}
    else {
        if (UserAnswer === CorrectAnswer) {alert("You are correct!");}
        else {alert("You are wrong!");}
        }

return false;
}

what am I doing wrong?
thanx

Answer 1

If you can use jquery, you can use:

event.preventDefault()

Like:

$("#formId").submit(function(event) {
...
  event.preventDefault();
...
});

http://api.jquery.com/event.preventDefault/