[JavaScript] sprawdzanie kilku pól Opcje

[!*!]

Skleciłem taki kawałek kodu do walidacji przy pomocy JS:

Kod

function vf() {

valid = true;
var f = document.forms[0]


        if (f.user.value == "" ){
        var xx = document.getElementById('errorlogin')        

            xx.style.display='block';
            xx.innerHTML = 'Wpisz login.';  
            valid = false;
        }else {xx.style.display='none';}


        if (f.pass.value == "" ){
        var xxx = document.getElementById('errorpass')        

            xxx.style.display='block';
            xxx.innerHTML = 'Wpisz hasło.';  
            valid = false;
        }else {xxx.style.display='none';}

return valid;
}

Odwołuje się do niego przez formularz za pomocą:

Kod

onsubmit="return vf();"

Gdy formularz jest pusty (oba pola) walidacja nie przechodzi i jest ok. jednak gdy wypełnię jedno pole to w przy kliknięciu w submit zawartość jest po prostu wysyłana, dlaczego?