Login con ajax, php y mysql

Este sencillo y pequeño tutorial, nos ayudará a vincular un formulario de inicio de sesión en HTML, con una base de datos, donde validaremos el e-mail del usuario y contraseña. una ves hechas validaciones, realizaremos una acción si los accesos son correctos, y una diferente si los datos no coinciden. y como probablemente urge hacer esto, aquí esta el código:

HTML

Nuestro formulario html

Usuario



Contraseña

Jquery

La función: (no olviden cargar previamente las librerías de Jquery)

 $(document).ready(function (){
   $("#submit").click(function (){
        if($("#email").val()==""||$("#pass").val()=="")
            $("#errorMessage").html("por favor, ingrese credenciales");
        else
            $.post( $("#login").attr("action"), 
                    $("#login :input").serializeArray(),
                    function(data){
                        $("errorMessage").html(data);
                    });
        $("#login").submit( function(){
            return false;
        });
     });
    });

PHP

Nuestro código php, que realizara la conexión con la base de datos y las acciones según la consulta realizada.

=1 ) { 
$_SESSION['user']=$row['email'];
header('Location: home.html'); //Si los datos son correctos, se redigirá a esta pagina
}
else{
echo 'na-ha-ha, no estas invitado a esta fiesta'; //Mensage de error si los datos no están correcto o no existen
}
?>

Algo muy sencillo, y no deberían tener problemas, por favor no duden en comentar sus opiniones o problemas.

Aquí les dejo los archivos para descargar : Descargar Archivos de login con Ajax, Php y MySQL
Aquí los archivos en el repositorio de Github
También pueden ver el articulo original efrenmartinez.wordpress.com
O en la comunidad de Google Blogger