Validar registro de usuarios

AlineAidee · #1 (**permalink**) 05/11/2015, 11:31

Hola, hola... soy nueva en el foro... y también algo muuuy principiante en diseño web.
Soy estudiante de ing. en sistemas proxima a egresar y la verdad es que solo aprendí fundamentos en la universidad (solo una materia de programación web), al principio de semestre tenia un mmmuy buen maestro, pero resulta que se cambio de escuela justo cuando íbamos a comenzar a trabajar con php, javascript y jquery.
Así que yo reconozco que tengo bastante deficiencia en esa parte, ahora, en este momento, me encuentro realizando mis practicas profesionales y resulta que mi proyecto es diseñar una pagina web la cual debe contener un registro y login para usuarios...

Antes de que me hagan bulling, ya revise varios foros y varios temas en este mismo foro, y no he podido arreglar mi problema. También he leído que muchos dicen que el foro no es para hacernos el código, etc, etc... así que no les pido que me lo haga, pero si que me expliquen para aprender a hacerlo yo solita.

AHORA VA EL PROBLEMA...
Ya tengo mi formulario, donde al hacer click llama a una funcion de validación con javascript, pero para procesarse con la base de datos (verificando si el usuario no existe o si el correo no existe)quiero que se haga en el mismo script del formulario....y mediante un echo o algo similar me arroge el mensaje apropiado.

Durante mi investigación encuentro que para esto debo usar AJAX (pero no se AJAX

y la verdad no tengo mucho tiempo para aprenderlo en este momento porque mi proyecto de residencias tiene que estar terminado pronto), entonces quisiera hacerlo usando lo que se hasta este momento.

PD: Estoy usando bootstrap.

Les dejo mi codigo:::

AlineAidee · #2 (**permalink**) 05/11/2015, 11:36

registrocte.php

Código PHP:

Ver original<?php 
  session_start();
  
      require ('../libs/adodb5/adodb-pager.inc.php');
      require ('../libs/adodb5/adodb.inc.php');
      require ('../modelo/Conexion.php');
      include ('layouts/headerr.php');
?>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/estilo.css">       
    <!--JQuery-->
    <script src="js/jquery.min.js"></script>
    <title>Registro Cliente</title>  
 
    <script language="javascript" type="text/javascript">
        function validacion(){
          if(document.getElementById("C_usuario").value.length <5){
            document.getElementById('cont').style.display='none';
            document.getElementById('cont2').style.display='none';
 
            document.getElementById('usuario').style.display='inline';
            return false;
          }else 
                if(document.getElementById("C_password").value.length <6){
                  document.getElementById('usuario').style.display='none';
                  document.getElementById('cont2').style.display='none';
 
                  document.getElementById('cont').style.display='inline';
                  return false;
                }else 
                      if (document.getElementById("C_password").value != document.getElementById("password2").value) {
                        document.getElementById('usuario').style.display='none';
                        document.getElementById('cont').style.display='none';
                          document.getElementById('cont2').style.display='inline';
                          return false;
                          }
                          return true;
              
          document.frmCliente.submit();  
 
        }
    </script>
  </head>
  
  <body>
    <div class="col-md-10 col-md-offset-1 contenido">
      <!--REGISTRO-->
      <div class="col-md-6  col-md-offset-3 box">
        <div class="col-md-12 text-center a1 "><i><h3><b>Registrate</b></h3></i><br></div>
        <!--AREA DE REGISTRO-->
        <div class="col-md-12">
          <form name="frmCliente" method="post" enctype="multipart/form-data" class="form-horizontal" action="login/registrar.php" onsubmit="return validacion()">
            <fieldset>
              <div class="form-group">
                <label for="C_nombre" class="col-sm-4 control-label" maxlength="20">Nombre</label>
                <div class="col-sm-8">
                  <input class="form-control" type="text" name="C_nombre"  id="C_nombre" placeholder="Nombre" required>
                </div>
              </div>
 
              <div class="form-group">
                <label for="C_apepa" class="col-sm-4 control-label" maxlength="20">Apellido paterno</label>
                <div class="col-sm-8">
                  <input class="form-control" type="text" name="C_apepat" id="C_apepat" placeholder="Apellido paterno" required>
                </div>                
              </div>
 
              <div class="form-group">
                <label for="C_apema" class="col-sm-4 control-label" maxlength="20">Apellido materno</label>        
                <div class="col-sm-8">
                  <input class="form-control" type="text" name="C_apemat" id="C_apemat" placeholder="Apellido materno" required>
                </div>
              </div>
                
              <div class="form-group">
                <label for="C_nomEmp" class="col-sm-4 control-label" maxlength="30">Nombre Empresa</label>        
                <div class="col-sm-8">
                  <input class="form-control" type="text" name="C_nomEmp" id="C_nomEmp" placeholder="Nombre Empresa" required>
                </div>
              </div>
                
              <div class="form-group">
                <label for="C_dirEmp" class="col-sm-4 control-label" maxlength="30">Dirección Empresa</label>        
                <div class="col-sm-8">
                  <input class="form-control" type="text" name="C_dirEmp" id="C_dirEmp" placeholder="Dirección" required>
                </div>
              </div>
                
              <div class="form-group">  
                <label for="C_email" class="col-sm-4 control-label" maxlength="30">Email</label>      
                <div class="col-sm-8">
                  <input class="form-control" type="email" name="C_email" id="C_email" placeholder="[email protected]" required="">
                </div>
              </div>
                
              <div class="form-group">
                <label for="C_usuario" class="col-sm-4 control-label" maxlength="20">Usuario</label>
                <div class="col-sm-8">
                  <input class="form-control" type="usuario" name="C_usuario"  id="C_usuario" placeholder="Usuario"  required="" >
                  <div class="col-sm-12 text-center" id="usuario" style="display:none; color:red; font-size: 12px;">
                    El nombre de usuario al menos debe contener al menos 5 letras
                  </div>
                </div>
              </div>
                
              <div class="form-group">
                <label for="C_password" class="col-sm-4 control-label" maxlength="20">Contraseña</label>
                <div class="col-sm-8">
                  <input class="form-control" type="password" name="C_password"  id="C_password" placeholder="Contraseña"  required="" >
                  <div class="col-sm-12 text-center" id="cont" style="display:none; color:red; font-size: 12px;">
                    La contraseña debe contener al menos 6 caracteres
                  </div>
                </div>
              </div>
 
              <div class="form-group">
                <label for="password2" class="col-sm-4 control-label" maxlength="20">Confirma contraseña</label>
                <div class="col-sm-8">
                  <input class="form-control" type="password" name="password2"  id="password2" placeholder="Confirma Contraseña"  required="" >
                  <div class="col-sm-12 text-center" id="cont2" style="display:none; color:red; font-size: 12px;">
                    Las contraseñas son diferentes
                  </div>
 
                  <div class="col-sm-12 text-center" id="uss" style="display:none; color:red; font-size: 12px;">
                    Este usuario no esta disponible
                  </div>
 
                  <div class="col-sm-12 text-center" id="corr" style="display:none; color:red; font-size: 12px;">
                    Este correo ya fue registrado, registrate con otro correo
                  </div>
 
                </div>
              </div> 
 
              <span class="pull-right"><a href="logincte.php">Regresar</a></span>
 
              <div class="form-group">
                <div class="control-group text-center">
                  <label class="control-label" for="acceder"></label>
                  <div class="controls ">
                    <button type="submit" id="acceder" name="acceder">Registrar</button>
                  </div>
                </div>
              </div>
            </fieldset>
          </form> 
        </div>
      </div>
    </div>   
 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
 
<div class="fo"><?php include ('layouts/footer.php'); ?></div>

AlineAidee · #3 (**permalink**) 05/11/2015, 11:37

procesarregistro.php

Código PHP:

Ver original<?php
 
    $C_nombre= htmlspecialchars($_POST['C_nombre']);
    $C_apepat= htmlspecialchars($_POST['C_apepat']);
    $C_apemat= htmlspecialchars($_POST['C_apemat']);
    $C_nomEmp= htmlspecialchars($_POST['C_nomEmp']);
    $C_dirEmp= htmlspecialchars($_POST['C_dirEmp']);
    $C_email= $_POST['C_email'];
    $C_usuario= htmlspecialchars($_POST['C_usuario']);
    $C_password= $_POST['C_password'];
    $password2= $_POST['password2'];
 
    $consulta="select * from clientes where C_usuario='$C_usuario';";
    $consulta2="select * from clientes where C_email='$C_email';";
    $resultado=mysql_query($consulta);
    $resultado2=mysql_query($consulta2);
 
    if (mysql_num_rows($resultado) == 1){ 
            echo'este usuario ya existe';
      }elseif (mysql_num_rows($resultado2) == 1) {
                echo'este correo ya existe, elige otro';
 
        }else{
                  $re=mysql_query("
                  INSERT INTO clientes(C_nombre,C_apepat,C_apemat,C_nomEmp,C_dirEmp,C_email,C_usuario,C_password) 
                  VALUES ('$C_nombre','$C_apepat','$C_apemat','$C_nomEmp','$C_dirEmp','$C_email','$C_usuario','$C_password')
                  ");
                  
                  echo'registro exitoso';
                }      
?>

AlineAidee · #4 (**permalink**) 05/11/2015, 11:38

Acepto todo tipo de comentarios para mejorar mi código.....

y en serio agradezco muchisisimo la ayuda que me puedan proporcionar :)

AlineAidee · #5 (**permalink**) 09/11/2015, 09:51

POr favooor... help me!

chronos682 · #6 (**permalink**) 09/11/2015, 16:05

Si quieres que se haga dentro de la misma página, si o si tienes que usar AJAX, pero no es tan complicado, lo que tienes que hacer es:

1. Diseñar una página simple con sólo código php no hay necesidad de HTML ni nada por el estilo, donde hagas la consulta respectiva a la BD y haga las verificaciones de si existe o no. Yo lo que hago es que si encuentra que un correo ya existe imprima con echo un 1 y si no encuentra concidencia imprima un 0.
2. Luego debes llamar a través de AJAX a esa página y leer el resultado que imprima la página php. Mira esta página, esa es la forma que yo uso y me parece más fácil.
3. Luego tienes que programar la forma como va a ejecutarse esa función de AJAX, yo lo hago con el evento onblur del textbox donde se escribe el correo o el usuario. Revisa esto en donde te explican como usar el evento onblur.

En resumen sería: el usuario escribe el usuario, pasa al siguiente campo, al cambiar de campo se activa el evento onblur que llama a la función que usa el AJAX, la cual a su vez usa el archivo php para hacer la consulta, toma el valor devuelto por la página php y de acuerdo al resultado hace una u otra acción.

No es tan complicado. Si no fuera tan largo tu código te diría dónde ir colocando las cosas, pero si lees lo que te puse vas a ver que es bastante fácil. Si te atoras en algún punto escribes y miramos que hacemos.

mortiprogramador · #7 (**permalink**) 10/11/2015, 00:33

Saludo
Pues con lo que ya se tiene, ya debe funcionar las validaciones, siempre y cuando el submit vaya a procesarregistro.php y no a login/registrar.php

Simplemente sería agregar href en caso de datos ya existentes.

Y por supuesto, la solución que propone chronos682 es tanto mejor,
y con los links que proporcionó, seguro lo implementas rápido.