[SOLUCIONADO] mostrar mensaje de error login sin redireccionar pagina de login

martinpedulla · #1 (**permalink**) 14/03/2015, 12:22

Hola amigos.
Tengo una página login.php como la siguiente:

Código:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>iniciar sesion</title>
    </head>
    
    <body>
    	<form name="login" id="login" method="post" action="verificar.php">
        Correo electrónico
        <input type="email" name="email" id="email" required> 
        Contraseña
        <input type="password" name="password" id="password" required>
        <input type="submit" name="iniciar sesión" id="iniciar sesión" value="iniciar sesión">
        </form>
    </body>
</html>

y el formulario se envia a una página verificar.php que verifica en una base de datos que exista ese email y que tenga esa contraseña, si es así, crea la variable de sesión y sinó, lanza un error.

Código:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>verificar</title>
    </head>
    
    <body>
    
	<?php
	$email = $_POST['email'];
	$password = $_POST['password'];
	
    $peticion_usuario = mysqli_query($conexion,"SELECT * FROM usuario WHERE email = '$email' AND password = '$password'");
	$fila_usuario = mysqli_fetch_array($peticion_usuario);
	$cantidad_peticion_usuario = mysqli_num_rows($peticion_usuario);
	
	if(isset($cantidad_peticion_usuario) && $cantidad_peticion_usuario < 0) {	
		$_SESSION['usuario'] = $email;
	} else { echo "email o contraseña incorrecta"; }
    ?>
    	
    </body>
</html>

La cosa es que quisiera que sea como en esos sitios donde si el nombre de usuario o contraseña es incorrecto, lanza el error en la misma página de login.php, sin recargar ninguna página de verificación.
¿Cómo podría hacer eso? ¿Acaso es con RETURN? Va por ese lado? ¿o nada que ver?
Bueno desde ya muchas gracias!!

cron4l · #2 (**permalink**) 14/03/2015, 13:13

Puedes usar ajax, te dejo el codigo que use yo en mi web para el login:

Código PHP:

Ver original<div class="contenedor">
    <div id="formulario"    >
        <form method="POST" action="return false" onsubmit="return false">
            <div id="resultado"></div>
            <img src="img/login.png" alt="" width="40" height="40">
            <p><input type="text" name="user" id="user" value="" placeholder="Usuario"></p>
            <p><input type="password" name="pass" id="pass" value="" placeholder="Password"></p>
            <p><button onclick="Validar(document.getElementById('user').value, document.getElementById('pass').value);">Accesar</button></p>
        </form>
        <script>
 
        function Validar(user, pass)
        {
            $.ajax({
                url: "php/sql/validar.php",
                type: "POST",
                data: "user="+user+"&pass="+pass,
                success: function(resp){
                $('#resultado').html(resp)
                }       
            });
        }
        </script>
    </div>
</div>

y en validar.php:

Código PHP:

Ver original<?php
error_reporting(0);
session_start();
$con = new mysqli("localhost", "root", "", "comunicacion");
if ($con->connect_errno)
{
    echo "Fallo al conectar a MySQL: (" . $con->connect_errno . ") " . $con->connect_error;
    exit();
}
//Valida que los campos de usuario y contraseña tengan datos para su validacion
@mysqli_query($con, "SET NAMES 'utf8'");
$user = strtolower(mysqli_real_escape_string($con, $_POST['user']));
$pass = mysqli_real_escape_string($con, $_POST['pass']);
if ($user == null || $pass == null)
{
    echo '<span>Por favor complete todos los campos.</span>';
}
else
{
    $consulta = mysqli_query($con, "SELECT usuarios, contrasena FROM usuarios WHERE usuarios = '$user' AND contrasena = '$pass'");
    if (mysqli_num_rows($consulta) > 0)
    {
        $_SESSION["usuario"] = $user;
        echo '<script>location.href = "php/home.php"</script>';
    }
    else
    {
        echo '<span>El usuario y/o clave son incorrectas, vuelva a intentarlo.</span>';
    }
}   
?>

De esta manera si se equivoca manda un mensaje dentro del <div id="resultado"> sin necesidad de ir a otra pagina..

Saludos

martinpedulla · #3 (**permalink**) 14/03/2015, 15:39

cron 41 muchas gracias!!! ya me funciono, lo del login era solo un ejemplo, ahora lo puedo usar para un monton de otras cosas mas. muchas gracias!!

cron4l · #4 (**permalink**) 14/03/2015, 16:33

Por nada amigo cuando gustes (Y)