[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?

[zzeus]

Może tak:

Kod

function vf() {

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

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

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

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

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

return valid;
}

[!*!]

Gdzie muszę wstawić:

Kod

mint.fx.Fade("errorlogin", 100, 20, 500);

Pochodzący z mintAjax, tak aby wyświetlane błędy korzystały z tej biblioteki, w tym wypadku były płynne?

jeśli zapiszę to w funkcji

Kod

function FadeIn() {
    mint.fx.Fade("errorlogin", 100, 20, 500);
}

to mogę się jakoś do tego odwołać w wypadku if'a?