Formularfeld bzw. Felder mit Ajax & PHP

Torsten · 30. August 2006, 21:54

Hm ich hab mal ne Frage und zwar würde ich gerne ein Formular auf meiner Seite so ändern das wenn ich in das Email Input Formularfeld die Emailadresse eingegeben habe und das Input Feld verlasse die Emailadresse direkt validiert wird! Also erst soll dann daneben dieses Bild angezeigt werden:

[Blockierte Grafik: http://img244.imageshack.us/img244/9858/workingky7.gif]

Und dann wenn fertig & ok ein gründer Pfeil und wenn falsch ein rotes F

Würde mich über Hilfe sehr freuen.

Torben Brodt · 31. August 2006, 07:33

warum denn ein ladebild? so ein email check braucht doch nur millisekunden

Quellcode

<input type="text" name="email" onblur="val(this.value)" />
<img id="red.gif" />

Quellcode

function val(test) {
if (!test.value.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)){
document.getElementById('b').src='red.gif';
} else {
document.getElementById('b').src='green.gif';
}
}

Torsten · 2. September 2006, 16:15

Ne es geht generel um solche Anwendungen!

Zum Beispiel muss der User eine Art Tan in ein Feld eingeben. Jetzt soll sobald er das Feld verlassen hat das Feld valediert oder so werden.

So wie das halt nur für ein Feld also soll überprüft werden ob die Tan in der DB steht.

baekdal.com/x/xmlhttprequest/

Wenn man eine Falsche Tan eingibt soll da halt so wie beim Beispiel ne Fehlermeldung stehen...

Danke schon mal für eure Hilfe...

Torben Brodt · 2. September 2006, 16:31

naja, les dich dazu mal im wiki ein, wie das funktioniert
z.B. hier [coderwiki]HowTos/Ajax-Inhalte-mit-PHP-und-Select-nachladen[/coderwiki]

wenn du z.B. erreichen willst, dass ein fehler angezeigt wird, wenn der zurückgegebenen inhalte leer ist und dass während des überprüfens ein ladeicon angezeigt wird, dann mache das so

Quellcode

function sendRequest() {
document.getElementById('icon').src = 'loading.gif';
//inhalt aus wiki
}
function handleResponse() {
if ((req.readyState == 4) && (req.status == 200)) {
document.getElementById('icon').src = req.responseText=='' ? 'red.gif' : 'green.gif';
}
}

und füge irgendwo dein bildschen ein

Quellcode

<img src="blank.gif" id="icon" alt="" />

Torsten · 2. September 2006, 16:47

Dank schön

Formularfeld bzw. Felder mit Ajax & PHP

Formularfeld bzw. Felder mit Ajax & PHP

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Tags