Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP] walidacja formularzy
Forum PHP.pl > Forum > Przedszkole
marius94
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
Kujski
Proszę ->klik i miliony tego mamy smile.gif
marius94
dzieki, czyli to o jquery chodzi, teraz juz bede wiedzial smile.gif
sporo tego, wiec jak ktos ma jakies sprawdzone i ulubione to prosilbym o linki smile.gif

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:

  1. <form action="dodaj.php" method="post" onsubmit="return checkform(this);">

i tutaj sie formularz wysylal dopiero jak wszystko bylo w porzadku, bo poczatek sprawdzania sie tak zaczynal:
  1. function checkform ( form )
  2. {
  3. if (form.email.value == "") {
  4. alert( "Please enter your email address." );
  5. form.email.focus();
  6. return false ;
  7. }
  8.  
  9. return true ;
  10. }
  11. {

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

znalazlem cos w tym stylu
  1. <form action="register.php" method="POST">
  2. <input type="text" name="username" id="username" class="form_element"/>
  3. <span id="status"></span> </div>


i sprawdzanie

  1. $(document).ready(function()
  2. {
  3. $("#username").change(function()
  4. {
  5. var username = $("#username").val();
  6. if(username.length > 3)
  7. {
  8. $("#status").html('Checking availability...');
  9.  
  10. $.ajax({
  11. type: "POST",
  12. url: "username.php",
  13. data: "username="+ username,
  14. success: function(server_response){
  15.  
  16. $("#status").ajaxComplete(function(event, request){
  17.  
  18. if(server_response == '0')
  19. {
  20. $("#status").html(' <font color="Green"> Available </font> ');
  21.  
  22. }
  23. else if(server_response == '1')//if it returns "1"
  24. {
  25. $("#status").html(' <font color="red">Not Available </font>');
  26. }
  27. });
  28. }
  29. });
  30. }
  31. else
  32. {
  33. $("#status").html('<font color="#cc0000">Username too short</font>');
  34.  
  35. }
  36.  
  37. return false;
  38. });


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
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.