Forum PHP.pl > [ajax] sprawdzenie formularza za pomocą ajaxa

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [ajax] sprawdzenie formularza za pomocą ajaxa

nieraczek

27.09.2007, 14:54:09

Chcę zrobić sprawdzenie formularza za pomocą ajaxa, niestety w Internecie trudno coś znaleźć jesli chodzi o sprawdzenie formularza za pomocą ajaxa, a ja dopiero dziś zacząłem naukę ajaxa. Chciałbym zrobić (pomijając kwestie złego działania pod IE6) żeby gdy do pola tekstowego wpisze się "tak" to nic się nie pojawiało, a jak wpisze się coś innego to pojawiał się napis "Źle" bez klikania na przycisk "wyślij" - pomożecie mi ?
W JS zrobiłęm to tak:

[HTML] pobierz, plaintext 
<!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=utf-8" />
<title>ajax</title>
 
<script type="text/javascript">
function funkcja()
{
var bledy=1; //deklaracja zmiennej: 0-błędy są; 1-brak błędów
 
if(document.form1.tekst.value!="tak")
{
document.getElementById("etykieta").innerHTML="Źle";
bledy=0;
}
 
if (bledy==0) return false; //zwróć "false" a tym samym nie wysyłaj formularza
else return true; //zwróć "true" a tym samym wyślij formularz
}
</script>
 
</head>
 
<body>
Czy kot to zwierzę? <br/>
 
    <form name="form1" method="POST">
    <input type="text" name="tekst"/> <br/>
    <input type="submit" value="Wyślij" id="wyslij" onclick="return funkcja();"/>
    </form>
 
 
<label id="etykieta"></label><br />
</body>
</html>
[HTML] pobierz, plaintext

Ale nie wiem jak to zrobić tak fajnie w ajaxie żeby bez klikania na button wyślij to się sprawdzało, napisałem standardową formułkę, ale nie wiem jak to dostosować do tego co chcę osiągnąć, doradzcie cos prosze

[HTML] pobierz, plaintext 
var ajaxreq=new XMLHttpRequest();
 
ajaxreq.onreadystatechange=ajaxResponse;
 
ajaxreq.open("GET", filename); 
 
ajaxreq.send(null); 
 
function ajaxResponse()
{
if(ajaxreq.readyState==4) //jeśli ukończono żądanie
{
	if (ajaxreq.status==200)  //jesli żądanie się powiodło
	{
	alert ("OK");
	}
 
	else alert("Błąd");
}
}
[HTML] pobierz, plaintext

Daimos

27.09.2007, 16:15:22

Ajax to przeciez javascript
dobrze robiles, tylko zamiast wywolywac funkcje w przycisku, mozesz bezposrednio w polu input np. tak:

[HTML] pobierz, plaintext 
<input type="text" onkeypress="return funkcja()">
[HTML] pobierz, plaintext

skowron-line

27.09.2007, 20:53:01

uzywasz Ajaxa do sprawdzania czy pole jest wypelnione troche, to jak wylewac wiadro wody na palaca sie zapalke
zwykly JS to zrobi, chyba ze sprawdzasz w bazie ale tego nie zauwazylem

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.