Forum PHP.pl

jak mozna zrobic podobna walidacje jak jest tutaj przy rejestracji na forum? umiem w PHP, ale wolalbym cos bardziej w czasie rzeczywistym, tzn jak wpisze cos w pole Imie i tam beda cyfry to po wyjsciu z tego pola i przejsciu do nazwisko od razu pojawi sie jakies czerwone info, ze dane nieprawidlowe. Najwazniejsze jest, zeby to sie pojawialo w tym polu, a nie wyskakiwalo nowe okienko, ze jest blad.
prosilbym o jakis prosty przyklad.

pozdrawiam

dzieki, czyli to o jquery chodzi, teraz juz bede wiedzial
sporo tego, wiec jak ktos ma jakies sprawdzone i ulubione to prosilbym o linki

najlepiej taka, z ktora podlacze sie do bazy MySQL i sprawdze czy login istnieje

@@@@@
sporo szukalem, nie kazde dzialalo, cos mi sie jednak udalo zrobic, ale mam jeszcze jeden problem.

kiedys korzystalem z samego javascript i tam wygladalo to tak:

[HTML] pobierz, plaintext 
<form action="dodaj.php" method="post" onsubmit="return checkform(this);"> 
[HTML] pobierz, plaintext 

i tutaj sie formularz wysylal dopiero jak wszystko bylo w porzadku, bo poczatek sprawdzania sie tak zaczynal:

[HTML] pobierz, plaintext 
function checkform ( form )
{
  if (form.email.value == "") {
    alert( "Please enter your email address." );
    form.email.focus();
    return false ;
  }
 
  return true ;
}
{
[HTML] pobierz, plaintext 

czyli po prostu musialo wejsc do funkcji i dopiero jak zwrocilo TRUE to moglo sie wyslac

znalazlem cos w tym stylu

[HTML] pobierz, plaintext 
  <form action="register.php" method="POST">
      <input type="text" name="username" id="username" class="form_element"/>
      <span id="status"></span> </div>
[HTML] pobierz, plaintext 

i sprawdzanie

[HTML] pobierz, plaintext 
$(document).ready(function()
{
$("#username").change(function() 
{ 
var username = $("#username").val();
if(username.length > 3)
{
$("#status").html('Checking availability...');
 
$.ajax({  
    type: "POST",  
    url: "username.php",  
    data: "username="+ username, 
    success: function(server_response){  
 
   $("#status").ajaxComplete(function(event, request){ 
 
	if(server_response == '0')
	{ 
	$("#status").html(' <font color="Green"> Available </font>  ');
 
	}  
	else  if(server_response == '1')//if it returns "1"
	{  
	 $("#status").html(' <font color="red">Not Available </font>');
	}  
      });
   } 
     }); 
}
else
{
$("#status").html('<font color="#cc0000">Username too short</font>');
 
}
 
return false;
});
[HTML] pobierz, plaintext 

i w tym przykladzie wprawdzie poprawnie mi sprawdza wszystko, ale nawet jak sie zaznaczy, ze jest zle to moge wcisnac submit i sie doda do bazy. jak to moge przerobic na wzor tego z javascript, zeby nie przepuszczalo?
niby zwraca jakies false, ale kompletnie nie wiem jak to wykorzystac.
najprosciej chyba by to bylo przerobic w funkcje jak w js, ale czy mozna? cos trzeba dodac do <form tylko nie wiem co. nie znam sie na Ajaxie i jquery, chce tylko miec to sprawdzanie, wiec prosilbym o naprowadzenie

Ten post edytował marius94 24.03.2011, 00:03:59