Problema al enviar formulario sencillo.

[jcastro3]

Buenas a todos. Tengo un problemón y estoy desesperadisimo.

Tengo el siguiente formulario.

Código HTML:

<form id="jform" class="form_reg_usuarios" method="post">

Usuario: <input type="text" name="usuario" id="usuario"/>
Contrase&ntilde;a: <input type="password" name="password" id="password" />
<input type="button" value="Registrar" id="send" onclick="valida()">

</form> 

Este formulario esta validado con el siguiente codigo javascript

Código Javascript:

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

El problema esta en que la validacion la hace perfectamente, si esta mal un campo salta la alerta y todo bien, pero si esta bien, el formulario no se envia.

Las rutas de las paginas estan bien puestas y los nombres de los archivos son correctos.

No entiendo porque no se envia...por favor ayuda.