Validacion sencilla formulario de login con javascript

[jcastro3]

Buenas, tengo un problema y no se donde puede estar el error.

Tengo el siguiente formulario con este codigo:

Código HTML:

<form name="form" method="post">
Usuario: <input type="text" name="usuario" id="usuario"/><br/>
Contraseña: <input type="password" name="password" id="password"/><br/>
<input type="button" id="send" value="Acceder" onclick="valida();"> 

Y por otro lado tengo el siguiente codigo en javascript:

Código Javascript:

function envia(pag){
    document.form.action = '../php/'+pag+'.php';
        document.form.submit();
}
 
function valida(){
    var usuario = document.getElementById('usuario');
    var pass = document.getElementById("password");
            
    if((usuario == "")||(pass == "")){
        window.alert("Los campos usuario y contraseña no pueden estar vacios");
    }else{
        envia('login');
    }
}
 

El problema esta en que no salta el alert cuando el campo usuario o contraseña esta vacio.

El evento onclick si se produce porque si borro la estructura if-else y solo dejo el alert si que salta.

No se que es lo que estoy haciendo mal, necesito ayuda.