Hice un login el cual estaba funcionando bien, el problema empezó cuando quise usar AJAX (el cual aun no sé manejarlo bien) para que mostrara un alert en caso de que el usuario o contraseña sea incorrecto.
Estos alert los realiza, sin embargo, cuando los datos ingresados son correctos debería direccionar a otra página, pero el contenido de esa página la muestra debajo del formulario del login. ¿Qué debo hacer para que direccione de manera normal?
Este es el archivo con el login y AJAX (index.php)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/alertify/alertify.css">
<link rel="stylesheet" href="css/alertify/default.css">
<script src="js/jquery.js"></script>
<script src="js/alertify.js"> </script>
</head>
<body id="fondologin">
<script type="text/javascript">
$(document).ready(function(){
$("#login").bind("submit",function(){
var btnEnviar=$("#btnEnviar");
$.ajax({
type: $(this).attr("method"),
url: $(this).attr("action"),
data: $(this).serialize(),
beforeSend: function(){
btnEnviar.val("Iniciar sesión");
btnEnviar.removeAttr("disabled");
},
success: function(data){
$("#datosvalidados").html(data);
},
error: function(data){
alert("Problem< en el envio de los datos");
}
});
return false;
});
});
</script>
<form id="login" action="login.php" method="POST" autocomplete="off">
<h2>Ingresa tus datos</h2>
<input type="text" name="user" placeholder="🕵Nombre de usuario"/>
<input type="password" name="pass" placeholder="🔐Contraseña"/>
<input type="submit" id="btnEnviar"name="login" value="Iniciar sesión"/>
<a href="registrarse.php">Crear cuenta</a>
<div id="datosvalidados"> </div>
</form>
</body>
</html>
Este es el php que realiza la consulta (login.php)
<link rel="stylesheet" href="css/alertify/alertify.css">
<link rel="stylesheet" href="css/alertify/default.css">
<script src="js/jquery.js"></script>
<script src="js/alertify.js"> </script>
<?php
require("config.php");
session_start();
try {
$usuario=htmlentities(addslashes($_POST['user']));
$password=htmlentities(addslashes($_POST['pass']));
$conexion = new PDO ("mysql:host=$host; dbname=$dblogin", "$dbusuario", "$contrasenadb");
$conexion->setAttribute (PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$sql= "SELECT * FROM cuentas where usuario= :user";
$resultado=$conexion->prepare($sql);
$resultado->execute(array(":user"=>$usuario));
$registro=$resultado->fetch(PDO::FETCH_ASSOC);
if ($registro) { //Retorna TRUE en caso de encontrar datos referentes al USUARIO
if (password_verify($password,$registro['contrasena'])) {//Validamos que coincidan las Contraseñas
if ($registro['tipo_cuenta'] == 'Administrador') {//Validamos los Tipos de Cuenta del Usuario
$_SESSION['usuario'] = $usuario;
header("Location:administrador.php");
} else if($registro['tipo_cuenta'] == 'Usuario'){
$_SESSION['usuario'] = $usuario;
header("Location:usuario.php");
}
} else {
echo " <script >
$(document).ready(function(){
alertify.alert('Contraseña incorreta.');
});
</script>";
}
} else {
echo " <script >
$(document).ready(function(){
alertify.alert('El usuario no existe');
});
</script>";
}
} catch (Exception $e) {
die(" Error: " . $e->getMessage());
}