Preventing page refresh after submit

[Niixie]

Hey people on phpfreaks!

 

On my website, I'm trying to get to know javascript. So, i made this code where its supposed to do a small validation on the entered data, and when I press the submit button, a alert box appears, BUT, when i close that alert box, the fields resets?...

 

I tryed to prevent this with

event.preventDefault

 

both before and after the alert box?

 

CODE:

 

var name = document.getElementById('name-field');
    var email = document.getElementById('email-field');
    var send = document.getElementById('send-field');
    
    if(!name.value==""){
        if(!email.value==""){
            if(emailValidator(email, "Indtast en gyldig emailaddresse!")){
                alert("Tak for din email "+name.value+"!\n\nDin email vil blive læst så hurtigt som muligt af vores staff.");
            }
        }else{
            alert("Email feltet må ikke være tomt!");
            email.focus();
        }
    }else{
        alert("Navn feltet må ikke være tomt!");
        name.focus();
    }

[Network_ninja]

add this code after your alert.

 

return false;

[Niixie]

Thank you, but it didn't work?

 

Current code:

if(!name.value==""){
        if(!email.value==""){
            if(emailValidator(email, "Indtast en gyldig emailaddresse!")){
                alert("Tak for din email "+name.value+"!\n\nDin email vil blive læst så hurtigt som muligt af vores staff.");
            }
        }else{
            alert("Email feltet må ikke være tomt!");
            email.focus();
            return false;
        }
    }else{
        alert("Navn feltet må ikke være tomt!");
        name.focus();
        return false;
    }

[Network_ninja]

make sure also that you have put return upon calling the function:

 

<input type='submit' name='submit' value='Submit' onclick='return jsfunction()' /> 

[Niixie]

Thank you, that worked!