Codeschnipsel - AJAX Username Check


Hier mein kleiner Code, um zu überprüfen ob der Username schon vorhanden ist.

Das eigentliche Javascript (P91AUC.js):

Code:
/* ########################################################################################################################### # P91AUC V.1.0 by PA-S.de ########################################################################################################################### # P91AUC V.1.0 by PA-S.de # Copyright 2003-2007 PA-S.de # Script Url: www.pa-s.de # Kontakt: kontakt [@] pa-s [.] de # Dieser unsichtbare Verweis darf nicht entfernt werden! ########################################################################################################################### */ // <![CDATA[ var P91 = null; // Initialisieren function P91AUC_system(){ if (window.XMLHttpRequest) { P91 = new XMLHttpRequest(); } else if (window.ActiveXObject) { try { P91 = new ActiveXObject("Msxml2.XMLHTTP"); } catch (ex) { try { P91 = new ActiveXObject("Microsoft.XMLHTTP"); } catch (ex) { } } } } // Statusabfrage function P91AUC_heuri() { if (P91.readyState == 4) { var heurix = document.getElementById("P91AUC"); heurix .innerHTML = P91.responseText; } } // Aufrufen function P91AUC() { var pas = document.getElementById("username").value; // Name vom Formularfeld, in diesen Fall "username" var heurix = document.getElementById("P91AUC"); heurix .innerHTML = '<img src="loading.gif" alt="Lade..." />'; // Lade Grafik P91.open("GET", "P91AUC.php?usernamecheck=" + pas); // Daten holen P91.onreadystatechange = P91AUC_heuri; P91.send(null); } // Script laden var heurix = P91AUC_system(); // ]]>

Das PHP-Script, dass die Prüfung durchführt (P91AUC.php):

Code:
<?php ########################################################################################################################### # P91AUC V.1.0 by PA-S.de ########################################################################################################################### # P91AUC V.1.0 by PA-S.de # Copyright 2003-2007 PA-S.de # Script Url: www.pa-s.de # Kontakt: kontakt [@] pa-s [.] de # Dieser unsichtbare Verweis darf nicht entfernt werden! ###########################################################################################################################   if (isset($_GET['usernamecheck'])) { $usernamecheck = trim(htmlspecialchars($_GET['usernamecheck'], ENT_QUOTES, "UTF-8")); // Ihre MySQL-Abfrage oder dergleichen, mein Beispiel: Einfache Array-Abfrage $arraypas = array('test', 'pas', 'heuri'); if(!in_array($usernamecheck, $arraypas)){ echo ' <span style="color:#006600">Frei</span>'; }else{ echo ' <span style="color:red">Belegt</span>'; } } ?>


Eine Beispieleingabemaske an sich:

Header-Bereich:

Code:
<script type="text/javascript" src="P91AUC.js"></script>


Das Inputfeld:
Code:
<input name="username" type="text" id="username" onBlur="P91AUC();" /> <a name="P91AUC" id="P91AUC"> </a>

Das Lade Bild (loading.gif): Loading


Komplettes Beispiel der Eingabemaske:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>P91AUC</title> <script type="text/javascript" src="P91AUC.js"></script> <style type="text/css"> <!-- body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } body { background-color: #CCCCCC; } --> </style></head> <body> <h2>P91AUC Demonstration </h2> <p><strong>Username:</strong> <input name="username" type="text" id="username" onBlur="P91AUC();" /> <a name="P91AUC" id="P91AUC"> </a> <br /> <br /> <strong>Belegte Usernamen: </strong>pas, heuri, test <br /> <br /> by <a href="http://www.pa-s.de" target="_blank">PA-S.de</a> </p> </body> </html>

Download aller Dateien: Hier klicken!
Demonstration: Hier klicken!

Beachten Sie: Wir übernehmen keinerlei Haftung für irgendwelche Schäden, Ausfälle oder sonstigen Geschehnissen.
Alle Angaben sind ohne Gewähr, Sie handeln auf eigenes Risiko!
Alle genannten Soft- und Hardwarebezeichnungen sowie Markennamen sind Eigentum ihrer jeweiligen Inhaber und unterliegen im Allgemeinen warenzeichen-, marken- oder patentrechtlichem Schutz.
Alle Rechte vorbehalten