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