AJAX-Login validation in PHP via Facebox-Lightbox
06.05.2010 von 
Richard
Nachdem ich für ein Projekt einen Login in einer Lightbox, die mittels Facebox umgesetzt wurde, realisieren sollte hat mich das mal wieder einen halben Tag gekostet , obwohl es doch nur ein kleiner Login ist. Aber alles der Reihe nach.
Die Lightboxfunktion mittels Facebox war bereits erfoglreich umgesetzt und funktionstüchtig. Fehlte also nur noch der Login ansich. Das Formular war schnell gebastelt. Doch dann gab es ein Problem: Die POST-Übermittlung der Formulareingaben nach dem Betätigen des Submit-Buttons schloss die Lightbox. Ich wollte den Loginvorang jedoch innerhalb der Lightbox mittels AJAX ablaufen lassen - also mit “asynchroner” Eingabeprüfung.
Für das Vorhaben mussten im Groben Lösungen zu zwei Problemen her:
1. Der Login sollte in der Lightbox stattfinden
2. Die Validierung der Userdaten sollte per AJAX ohne Seitenreload geschehen
Für Problem 1 wurde ich hier fündig: Jquery Ajax Contact Form in Facebox. Den Download dazu gibt es hier.
Das zweite Problem konnte ich hiermit lösen: Ajax login validation system in PHP using jQuery. Ein Dank an die Autoren an dieser Stelle.
Wie beides zusammen aussieht, kann man in meiner mühevoll erstellten Live Demo bestaunen. ;-)
Rein geht’s mit time und flies.
Der Code kann auf Wunsch hier gedownloadet werden. Für den Datenbankzugriff muss die Datei “includes/db_connection.php” angepasst werden. Für den Import in die Datenbank liegt ein Dump bei. Viel Spaß!
Geschrieben in Allgemeines | 