Alguien sabe porque no me valida?

[xXn]

Código HTML:

<form action="registrar.php" method="post" onsubmit = "return validacion();">   
            <table class="paneles">
                <tr>
                    <td>
                    .Usuario<br />
                    <input type="text" name="usr_login" id="usr_login"> 
                    </td>
                </tr>
                <tr>
                    <td>
                    .Contraseña<br />
                    <input type="password" name="usr_pass" id="usr_pass">
                    </td>
                </tr>
                <tr>
                    <td>
                    .Repita la contraseña<br />
                    <input type="password" name="usr_pass2" id="usr_pass2">
                    </td>
                </tr>
                <tr>
                    <td>
                    .Email<br />
                    <input type="text" name="usr_email" id="usr_email"> 
                    </td>
                </tr>
                <tr>
                    <td>
                    .Nombre<br />
                    <input type="text" name="usr_nombre" id="usr_nombre">
                    </td>
                </tr>
                <tr>
                    <td>
                        <input class="botones" type="submit" value="Registrarse">
                    </td>
                </tr>
            </table>
        </form>
 
<script type="text/javascript" charset="utf-8" src="validacion.js"></script>
 

Código Javascript:

function validacion(){
    var usuario = document.getElementById("usr_login").value;
    var pass    = document.getElementById("usr_pass").value;
    var pass2   = document.getElementById("usr_pass2").value;
    var email   = document.getElementById("usr_email").value;
    var nombre  = document.getElementById("usr_nombre").value;
    
    if( usuario == null || usuario.length == 0 /^\s+$/.test(nombre) ) {     
        alert("Complete el capo usuario.");
        return false;
    }
    else if( nombre == null || nombre.length == 0 /^\s+$/.test(nombre)  ) {     
        alert("Complete el capo nombre.");
        return false;
    }
    else if(pass == null || pass.length == 0 || pass2 == null || pass2.length == 0 || pass != pass2){
        alert("Las passwords no coinciden");
    }
    else if( email == null || !(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.([a-zA-Z]{2,4})+$/.test(email)) ) {
        alert("Complete el con una direccion de correo electronico.");
        return false;
    }
}
 

[hasdpk]

¿Te da alguna alerta la consola de JavaScript?

De todas formas creo que tienes mal la sentencia if, ya que no separas length de la expresión regular con algún operador.

De todos modos, tampoco paras el proceso por defecto al hacer submit, que lo tienes que hacer con preventDefault() en vez de devolver un return.

[xXn]

Directamente me registra aunque deje todo en blanco. Como que me devuelve un true y nunca estoy poniendo un return true en la validacion. O la otra es que ni siquiera este yendo a validacion.

vos me decis que lo ponga asi?

Código Javascript:

function validacion(){
    var usuario = document.getElementById("usr_login").value;
    var pass    = document.getElementById("usr_pass").value;
    var pass2   = document.getElementById("usr_pass2").value;
    var email   = document.getElementById("usr_email").value;
    var nombre  = document.getElementById("usr_nombre").value;
    
    if( usuario == null || usuario.length == 0 || /^\s+$/.test(nombre) ) {     
        alert("Complete el capo usuario.");
        return false;
    }
    else if( nombre == null || nombre.length == 0 || /^\s+$/.test(nombre)  ) {     
        alert("Complete el capo nombre.");
        return false;
    }
    else if(pass == null || pass.length == 0 || pass2 == null || pass2.length == 0 || pass != pass2){
        alert("Las passwords no coinciden");
    }
    else if( email == null || !(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.([a-zA-Z]{2,4})+$/.test(email)) ) {
        alert("Complete el con una direccion de correo electronico.");
        return false;
    }
}
 

Lo de preventDefault() no lo entendi.

[hasdpk]

El preventDefault() como su nombre indica es para evitar que haga el evento por defecto, en tu caso enviar el formulario, por eso se te registran, porque primer hace el submit y después tu javascript.

PD: Es muy bueno que pongas también una validación en el lado del servidor.