<script type="text/javascript" language="javascript">
  $(document).ready(function(){

        $("#nick").blur(validaNick);
        $("#email").blur(validaEmail);
        $("#pass1").blur(validaPass1);
        $("#pass2").blur(validaPass2);
        $("#nick").keyup(validaNick);
        $("#email").keyup(validaEmail);
        $("#pass1").keyup(validaPass1);
        $("#pass2").keyup(validaPass2);

        $("#registro").submit(function(){
                if(validaNick() & validaEmail() & validaPass1() & validaPass2())
                        return true;
                else
                        return false;
        });

    function validaEmail(){
        var a = $("#email").val();
        var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
        if(filter.test(a)){
            $("#email").removeClass("error");
            $("#email").addClass("success");
            $("#email-status").text("Dirección de email válida.");
            return true;
        }
        else{
            $("#email").addClass("error");
            $("#email-status").text("El formato de la dirección email es incorrecto.");
            return false;
        }
    }
    function validaNick(){
        if($("#nick").val().length < 4){
            $("#nick").addClass("error");
            $("#nick-status").text("Tu nombre debería tener almenos 2 carácteres.");
            return false;
        }
        else{
            $("#nick").removeClass("error");
            $("#nick").addClass("success");
            $("#nick-status").text("Tu nombre es válido");
            return true;
        }
    }
    function validaPass1(){
        if($("#pass1").val().length <4){
            $("#pass1").addClass("error");
            $("#pass1-status").text("Tu contraseña debe contener almenos 4 carácteres.");
            return false;
        }
        else{
            $("#pass1").removeClass("error");
            $("#pass1").addClass("success");
            $("#pass1-status").text("Contraseña válida.");
            validaPass2();
            return true;
        }
    }
    function validaPass2(){
        if($("#pass2").val() != $("#pass1").val()){
            $("#pass2").addClass("error");
            $("#pass2-status").text("¡Las contraseñas no coinciden!");
            return false;
        }
        else{
            $("#pass2").removeClass("error");
                        $("#pass2").addClass("success");
            $("#pass2-status").text("Contraseña confirmada.");
            return true;
        }
    }


  });
  </script>