Login y Autenticación de Tipos de Usuario con PHP + MySQL + jQuery AJAX 

Muchos me han pedido la hoja de estilos de CSS, así que aquí se los dejo: github.com/LexterXPS/Archivos_tutos/blob/master/main.css

Graciassss Lleve dos dias para lograrlo con exito no faltaban los errores humanos, Gracias por este tutorial esperemos sigas contribuyendo con tu conocimiento

INCREIBLE¡! Que buena explicacion crack, te das a entender muy bien, ojala subieras mas contenido de php. Eres un heroe sin capa. Bendiciones.

Estuve como 4 horas intentando que me saliera por que siempre me faltaba algo lo bueno es que ya me salio, muy buen tutorial

Muchas gracias por resolverme los errores que no veía, todo perfecto y genial, espero seguir viendo tus nuevos videos ;) saludos.

De maravilla. Gracias por compartir tus conocimientos........

Muy buenos los tres tutoriales, muchas gracias por compartir tus conocimientos...

Deberias dejar el link de todos los archivos que utilizas

Muy buen video, es claro, preciso y paso a paso. Me sirvió muchísimo y me funcionó todo tal como lo indicas, solo me faltó el archivo main.css. Te agradezco que te hayas tomado el tiempo en realizarlo.

como habilito el frmsub??? no me funciona.. ni aparece en las opciones

excelente, felicitaciones. Ojala hagas videos mas seguidos nos encantaria

hola, me gustaria saber como obtener el snippet que usaste para el ajax

Muy buen tutorial gracias por compartir tus conosimientos

Que tal, buen vídeo me gusto mucho pero me cuesta trabajo seguirlo ya que dejas muchas incógnitas, yo se que tal ves me puedes decir que es para gente que ya sabe del tema pero la gente que sabe del tema no muchas veces ve este tipo de vídeos si no que tu mayor publico es la gente que se esta introduciendo al tema gracias saludos

Hola, tengo conocimientos básicos, pero al analizar la página me aparece un error en el jquery 3.1.1 ¿a que se debe?:(

Hola Lexter felicidades por el vídeo aprendí mucho! enseñas muy bien!. Entre a ver tus vídeos no tendrás uno por ahí que sea CRUD con Jquery + PHP + Mysql?

No me funcionaba la última parte porque estaba recibiendo un string, así que ese string tocaba pasarlo a objeto. Esta fue mi solución: .done(function(respuesta) { var objeto=JSON.parse(respuesta); console.log(objeto); if(!objeto.error){ if (objeto.tipo == "admin") { location.href = 'yo.php'; } }else { window.alert(5 + 66); } })

Hermano deberías dejar el proyecto así como la base de datos...para poder ir siguiéndote en el tutorial y hacerlo mas práctico!

Buenas noches lo que usted esta consumiendo con el ajax es un servicio REST??

Muchas gracias... Alguna forma de quitar solo los tipos de usuario?? Lo necesitaré con un proyecto que estoy realizando, pero nada mas no puedo :(

Me sirvió mucho tu aporte, muchas gracias !!

Excelentes vídeos, muchas gracias! :)

video genial .... una pregunta ... como puedo hacer que cada usuario pueda hacer sus propias modificaciones de tablas, por ejemplo: si el usuario1 tiene un modulo principal y lo llena de informacion que el usuario2 no vea lo mismo del usuario1 sino que el usuario2 tenga sus propias informacion. practicamente es algo como las redes sociales, cada quien tiene lo sullo. Pregunto xq esta bastante parecido y genial este video. porfa si puede darme una respuesta se lo agradeceria mucho ....

LexterXPS la tranca que tengo es que no me redirecciona y los log en console me dice que ha hecho todo bien. ahora cuando le doy "ENTER" si me riderecciona y aparte cuando hay un mal logueo el metodo slide no hace nada.

hola lexter muy buen video me podrias ayudar con la parte de mensajes de alerta que me gustaria implemenarlo a mi proyecto.

se me queda validando como de forma infinita, algún consejo crack? tengo mi dominio en 000webhost

---Héroe sin Capa--- Un Pequeño aporte para todos los desarrolladores saludos desde Ecuador drive.google.com/open?id=1Jqf4QJOLmU1ZdvejX1cCUoyIJHxBjQOY

¿Por que no sirve cuando lo subo a un host?

Muy bueno! y que coincidencia que lo hayas subido cuando estoy aprendiendo php xD. Podrías subir el ejemplo? osea todo menos la base de datos, parece estar bien como lo hice, pero no funciona como debería, creo :/

Igual seguira siendo un problema, ya que en MySQL la comparación de cadenas por defecto no es sensible a mayúsculas. Por tanto, sigue siendo igual de insegura.

Hola me gusta mucho el video solo que pasa algo y es que no explicas como hicisites la base de datos, como se enlaza y por ultimo como subirlo a nuestro servidor web, nos puedes ayudar por favor? o si ya tienes los videos pasarmelos por aca.

Saludos amigo!, Gracias por el vídeo. Te hago una recomendación, podrías hablar un poco mas fuerte, ayudaría mucho con la comprensión del contenido que esta chévere. Hasta luego...

gracias por la guia

excelente video, tengo una duda si tengo tres tablas diferentes una de estudiantes, una de docentes y una de administrador como podria registrar e iniciar sesion

Podrías hacer un video creando un sistema de consulta desde 0 de X contenido. O a estos mismos tutoriales convertirlo en un sistema de consulta ya con sus respectivos usuarios.

Super gracias ya me conecta. realizando la validación me muestra el siguiente error Notice: Undefined variable: mysqli Fatal error: Call to a member function close() on a non-object Estoy trabajando tu vídeo de seguridad por inyección.

Amigo si puedes pasar el codigo estaría muy bueno.

amigo buenas tengo una consulta ... al momento de verificar los datos de admin o usuario.. no me direcciona a mi otra pagina que quiero que me redireccione...!! seria de mucho si me ayuda....

Buen video bro! :D Oye una pregunta, cuando ingreso datos en el formulario y doy enter en iniciar sesion no pasa nada :( & luego si voy al inspeccionar elemento me sale el siguiente mensaje: Undefined array key "passlg" in C:\xampp\htdocs\login\Main_app\login.php on line 12 aun teniendo tal cual tu codigo.. tu sabras porque el error?

Muy buen vídeo. pero se me presenta un error y es que cuando ingreso datos validos no me redirecciona ha ningún lugar. por otra parte no me deja cambiar el fondo, si alguien me puede ayudar le agradecería mucho

Hola amigos una pregunta si el Botón no fuera input de tipo submit ,si no un button tipo button como podria validar los datos de un login con el evento click usando jquery?

no se si me ayudes ya que este video lleva tiempo tengo un problema al dar al botn de iniciar sesion y ver que se mando por la consola ,la consola no muestra que tipo de usuario entro y no se donde este la falla este es mi index // Inicio // este es mi main.js //jQuery(document).on('submit','#formlg', function(event){ event.preventDefault(); jQuery.ajax({ url:'login.php', type: 'POST', dataType: 'json', data: $(this).serialize(), beforeSend: function(){ } }) .done(function(respuesta){ console.log(respuesta); }) .fail(function(resp) { console.log(resp.responseText); }) .always(function(){ console.log("complete"); }); });// y este el login //

Buen video, me sirvio un monton. Me suscribo

Buenas disculpa, a la hora de ejecutar el login ya con el codigo y verificar el tipo de usuario que es a traves de la consola del navegador, lo que haces en el minuto 11:46, me sale un error: Trying to get property of non-object in C:\xampp\htdocs\sistema\login.php on line 7 {"error":true} sabes a que se debe?

Buenos Dias muchas gracias por el tuto, pero te queria preguntar como puedo asignar tipos de usuarios al crear el usuario, por ejempo que en el formulario pregunte usuario admin@admin pas 123 tipo de usuario y ahi te de la opcion de elegir si es administrador, si es usuario docente o si es usuario alumno,

Hola, oye podrias ayudarme, hace como 2 años lo hice y trabajo genial muchas gracias por tu aporte, pero ahora lo vuelvo a hacer con otro proyecto y sigo los pasos del tutorial y no funciona, el punto es que cuando presiono el boton enviar me recarga la imagen, y jamas se pone el enviando en el boton xD crei que era la version del jquery pero uso la 3.2.1 y la verdad no se ayuda :(

Hola amigo, muchas gracias por el tutorial es muy bueno, pero quisiera que me puedas ayudar en un error que tengo, pues al iniciar sesión se queda validando y nunca me redirecciona a la pagina del usuario que quiero iniciar, pero en consola sale que tipo de usuario esta ingresando, que error puedo tener, ayuda por favor.

Una pregunta y qué parte dejo en htdocs? Porque estoy haciendo una página pero hay cosas que debo poner en htdocs pero nosé que

para los que vayan a usar su archivo cc borren el cache de la pagina sino no se les va ha aplicar los cambios pueden hacerlo con la combinación de teclas CTRL+SHIFT+R

Excelente!!!!

Buenas tardes, amigo excelente aporte, pero tengo un pequeño problema con las variables a las cuales se les realiza el POST en el archivo login.php, le hago seguimiento a la ruta del archivo y me arroja que las variables no estan definidas por lo que en el Ajax no recibe respuesta del .done, a que se puede deber este error? MUCHAS GRACIAS

Muchas gracias por el tuto, tengo una duda como implemento despues de que se logue en ajax que diga bienvenido ""usuario 2" por ejemplo en la BD

Muy buen tuto! Sirve!

Buen video gracias!

Excelente vidio ese muchas gracias lml

Excelente video tutorial, pero me gustaría saber ual es snippets tienes para usar con jquery?

Gracias Capo!!

como armas tu bd osea le pones varchar int ???? creo que mi problema esta en mi bd ayuda !!!!

Una pregunta, porque cuando voy a la consola me dice que Jquery no es una variable definida?

Uffff ufff uff gracias crack! 🙌🏻

el login se ve muy diferente incluso con el css, y me da unos erres al intentarlo adaptar a mvc puedes dar una explicacion? gracias

Gracias, me ayudó de forma rápida la creacion de esta página de logueo.....

este proyecto es compatible con PHP 5.4 ???

Muy bueno el video pero al momento de querer conectarme no envia ningun tipo de informacion

tengo un error en esta parte porq me dice que falta un parametro en el array large;'>( ! ) Warning: json_decode() expects parameter 1 to be string, array given in C:\wamp\www\sesion\login.php on line 11

porque cuando pones la ruta de login.php en el main.js no retocedes con ../ si estas dentro de otra carpeta a mi no me corre descgraciadamente solo me queda en autenticando seria bueno que pudieras compartir el proyecto

hola en verdad es un excelente tutorial el que nos brindas, pero quisiera que me ayudaras a resolver este problema que me muestra en la parte del main.js. el error que me dice es que no tengo definida mi estructura y que el atributo document no esta definido, el error es el 800A1391

De manera local me funciona sin problemas pero al momento de subirlo a un servidor web no hace nada en el lado del navegador únicamente en consola aparece que está funcionando correctamente

Buenas tardes LexterXPS, hice uso de tu tutorial y muy bueno por cierto, mis felicitaciones... En relación a la implementación de tu código el javascript que usas como main para hacer la validación de los datos y luego la redirección a la sección que le toca según las credenciales de usuario que tenga me funciona de maravilla pero tengo un problema, mi tabla usuario por decir asi contiene mas campos, por ejemplo telefono, direccion de residencia, fecha de nacimiento, lugar de nacimiento y bla bla bla... entonces, cuando quiero mostrar esos datos por ejemplo el telefono, no me aparece, solo me aparece el correo e hice un ensayo para ver si tiraba la contraseña y si la tira, pero los demas datos de la tabla no... Quiero que por favor me ayudes con el main para me aparescan los demas datos de mi tabla, o como tengo que hacer para que los reconosca la session porque no me aparecen.... Mil gracias...

esa forma de login no hace que se guarde en cache? despues puedes entrar sin poner datos correctos bueno a mi me esta pasando

Excelente video Bor, necesito me ayudes a ver como resuelvo que no me salga en blanco el fondo del login, ya que utilice le css que has puesto y todo y le coloque una imagen y todo, pero no la presenta, ayudame con ello, te lo agradesco!!!

una pregunta con la BD como hago que el campo de tipo de usuario al registrarlo automáticamente me lo marque como usuario y el admin elejirlo yo? se que puede ser algo sencillo pero soy nuevo en este mundo de las bases de datos jeje

Ayuda me aparece } {"error":false,"tipo":"Administrador"} no pasa de hay.

jquery.min.js:2 Access to XMLHttpRequest at 'file:///C:/xampp/htdocs/PHP/login.php' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, secure, https. Me aparece este error

me podrian ayudar con un login utilizando flask en python y MYSQL?

Que tipo de dato usas en los campos de la base de datos , todos son text?

Que programa estás usando para el código?

No me aparece la imagen, modifique el main.css con la ubicación de la imagen body{ background-image: url('../img/tele.jpg'); background-size: cover; } Me podrian ayudar para que pueda aparecer el fondo. Gracias.

no me quiere imprimir en consola, alguna sugerencia?

buen dia amigo, no puedo echar andar el index, deje el action sin nada, pero al parecer es el JQuery que no jala, busque la misma version, pero como puedo comprobar qeu si se inicia en el navegador, ya probe poniendolo en el head y antes de cerrar el body y nada

hola compañero, gran aporte y bien explicado. Tengo todo igual como explicas detalladamente, pero al iniciar el ficherito de index.php, siempre me va al div de error, y tengo puesto tu css que colgaste :S

Hola excelente tutorial.. Lo realice el ejercicio paso a paso , y todo me funciona bien, pero el efecto del boton no se muestra "validando... ", que podra ser?

buenos dias he intentado replicar el primer video y la verdad el mismo no me lee la parte jquery.ajax ya que cuando le doy click el formulario no envia infromacion

Hola de nuevo :) quisiera preguntarte de que forma puedo mostrar al usuario logueado en las otras interfaces, se que hace con Sesiones, pero en este caso tu no las usas, porque también quisiera saber como puedo hacer que el usuario cierre sesión

Como podría hacer para obtener el nombre del usuario cuando entro en el login a la vista del usuario?

Hola LexterXPS, ya lo he codificado un par de veces siguiendo completamente las indicaciones del video , lo he revisado minuciosamente y no encuentro la falla, sigo con el problema de la validación, como explique anteriormente "cuando ingreso un usuario que no existe o una clave errónea todo funciona bien, el mensaje y demás, pero si el usuario esta registrado se queda "VALIDANDO...". Existe la posibilidad de que te haga llegar los archivos y que le eches un ojo, de verdad quiero que mi pagina lleve es log y seguir con el siguiente turorial. Gracias.

A mi me aparece el siguiente error! Parse error: syntax error, unexpected ''conexion.php'' (T_CONSTANT_ENCAPSED_STRING)

Me he quedado en el minuto 15:32 en la consola me sale Validando... pero se queda ahi, creo que es problema del main.js que debo de tener algun fallo. Te escribo aqui el main js que tengo. jQuery(document).on('submit', '#formlg', function(event){ event.preventDefault(); jQuery.ajax({ url:'login.php', type: 'POST', dataType: 'json', data: $(this).serialize(), beforeSend: function(){ $('.botonlg').val('Conectando...'); } }) .done(function(respuesta) { console.log(respuesta); if(!respuesta.error){ console.log(respuesta.tipo); if(respuesta.tipo == 'Admin'){ location.href = '/admin/index.php'; } else if(respuesta.tipo == 'Usuario'){ location.href = '/Usuario/index.php'; } }else{ $('.error').slideDown('slow'); setTimeout(function(){ $('.error').slideUp('slow'); },3000); $('.botonlg').val('Iniciar Sesión'); } }) .fail(function(resp){ console.log(resp.responseText); }) .always(function(){ console.log("complete"); }); });

deberías mandar el proyecto comprimido porque tengo un error y no me muestra nada del formulario y error en el js

Hermano muy buenos días Dios lo bendiga y que también lo haga con toda su familia y con todos y cada uno de los que estamos aquí suscritos a su canal, hermano felicitarte por este gran video de verdad que me ha ayudado mucho por que hacer mucho necesitaba algo como esto para terminar un proyecto que estoy haciendo. otra cosa hermano como logro contactarte por que tengo un problema posiblemente sea de sintaxis por que cuando quiero adicionar lo que tu has echo a mi proyecto la verdad no me funciona pero se que soy yo el del error es por eso que te quería pedir que si puedes subir el proyecto completo como tu lo tienes realizado para ya poderlo integrar a mi programa lo que pasa es que en estos momentos no estoy trabajando orientado a objetos con esto no digo que usted cambie la estructura del proyecto pero que si lo suba incluso hasta con la base de datos que utilizo de prueba para ponerlo a funcionar en mi pc y luego ver como lo puedo integrar al proyecto que estoy siguiendo. por otro lado hermano estos fragmentos de códigos que usted hace en los 3 videos para mi son muy importantes si usted me dice que no los puede subir por que cobra por ellos me parece perfecto seria bueno que me nos pusiéramos de acuerdo me dijese un precio y yo le compro esto que usted ha echo en los 3 videos por que necesito integrar esto a lo que estoy haciendo acá nuevamente hermano Dios lo bendiga espero que se encuentre muy bien disculpe lo malo y gracias por todo por si acaso le dejo mi correo por si le gustaría que nos comuniquemos por aquí carlosalbertominaklinger@gmail.com, caralbminkli07@hotmail.com estos son mis correos estaré atento a cualquier respuesta

Excelente tuto, solo tengo un problema con la imagen de fondo, intenté poner una, pero hasta la fecha no he podido. he intentado así } body{ background-image: url('datos/imagen.jpg''); background-size: cover; } y nada, he intentado así también y tampoco.: background-image: url("imagenes/fondo.png"); alguna sugerencia? Gracias. saludos.

che y que se pone en el jquery3.1 ?

Hola Lexter, de antemano gracias por tus aportes. El caso es que cuando ingreso un usuario que no existe o una clave erronea todo funciona bien, el mensaje y demás, pero si el usuario esta registrado se queda "VALIDANDO..." y no pasa nada... algún consejo. Gracias.

creo que falta mas paso a paso, no muestra como ni donde poner las imagenes ni como hacer lo de la bd. es lo que necesito hacer pero no esta bien explicado el proyecto,,,

Tengo un problema, se queda validando cuando ingreso usuario erroneo y correcto, en la consola no me marca ningun error; alguien le paso lo mismo?

Me aparece este error "Notice: Trying to get property of non-object in C:\xampp\htdocs\login\main_app\login.php on line 9 {"error":true}"

Está muy bueno, excelente trabajo, pero puedes compartir los archivos sería muy útil para probar, o donde puedo encontrar los archivos

Una pregunta porque en un hosting no me funciona

¿y como crear la base de datos?

Eres un dios