Forum PHP.pl > Sprawdzanie dostępności loginu w bazie przez ajax

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Sprawdzanie dostępności loginu w bazie przez ajax

dominser

2.09.2013, 07:07:36

Witam wszystkich. Mam taki mały problem, ponieważ próbuję sprawdzić dostępność nazwy użytkownika w bazie bez przeładowania strony. Próbowałem już wielu rozwiązań które znalazłem w sieci ale one działają mi tylko pod IE a np. ;pod chromem już nie. Proszę o pomoc, nakierujcie mnie jak ja to mogę zrobić.
Z góry wielkie dzięki

Damonsson

2.09.2013, 07:39:20

Pokaż to co działa Ci w IE.

dominser

3.09.2013, 06:34:37

Oto kod pliku testowego z formularzem i JavaScript'em

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
  <title>rejestracja nowego użytkownika</title>
  <script type="text/javascript">
  function $(id) {
     return document.getElementById(id);
}
function sprawdz_dane() {
     var login = $("login").value;
     var email = $("email").value;
     var zapytanie = "NewUser.php?login="+login+"&email="+email;
     advAJAX.get({
          url : zapytanie,
          onSuccess : function(obj) { 
          if(obj.responseText == "login") { 
               alert("Użytkownik o takim loginie jest już w bazie danych");
               $("login").style.border='1px solid red';
               $("email").style.border='1px solid #7F9DB9';
          }
          if(obj.responseText == "email") {
               alert("Ten e-mail isntieje już w bazie danych");
               $("login").style.border='1px solid #7F9DB9';
               $("email").style.border='1px solid red';
          }
          if(obj.responseText == "OK") 
               $("registerForm").submit();
     }
     });
}
</script>
  <script type="text/javascript" src="js/advajax.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
 <form action="register3.php" method="POST" id="registerForm" name="registerForm">
<table>
<tr><td class="napis">Login:</td>
<td><input type="text" name="login" id="login"></td></tr>
<tr><td class="napis">Hasło:</td>
<td><input type="password" name="Haslo"></td></tr>
<tr><td class="napis">Powtórz hasło:</td>
<td><input type="password" name="Haslo2"></td></tr>
<tr><td class="napis">E-mail:</td>
<td><input type="text" name="email" id="email"></td></tr>
<tr><td colspan="2" style="text-align: center;">
<input type="submit"  onClick="sprawdz_dane();" value="Zarejestruj mnie..."/>
</td></tr>
</form>
</table>
</body>
</html>
[HTML] pobierz, plaintext

a następnie kod sprawdzający w bazie

[PHP] pobierz, plaintext 
$mysql_host = '\';
	$mysql_login = '\';
	$mysql_haslo = '\';
	$mysql_baza = '\';
 
	// połączenie z bazą danych
	$polaczenie = mysql_connect($mysql_host, $mysql_login, $mysql_haslo) or die('Błąd: nie udało się nawiązać połączenia z bazą danych.');
	// połączenie ze schematem bazy danych
	mysql_select_db($mysql_baza) or die('Błąd: nie udało się wybrać schematu bazy danych.');	
$login = mysql_escape_string($_GET['login']);
$email = mysql_escape_string($_GET['email']);
$query = "SELECT uid FROM user WHERE username='".$login."';";
$result = mysql_query($query);
$row = mysql_fetch_array($result);
if($row['uid']!='0') 
     echo 'login';
else {   
     $query = "SELECT uid FROM user WHERE mail='".$email."';";   
     $result = mysql_query($query);
     $row = mysql_fetch_array($result);
     if($row['uid']!='0')
          echo 'email';
     else echo 'OK';
}
 
[PHP] pobierz, plaintext

Próbowałem już wielu rozwiązań i nie mogę sobie poradzić
Co ja robię nie tak?

valkirek

3.09.2013, 18:25:46

Jakieś błędy masz w konsoli? Nie znam na tyle js ale pierwsze co mi nie pasuje to:

[HTML] pobierz, plaintext 
function $(id)
[HTML] pobierz, plaintext

Pierwszy raz widzę taką nazwę funkcji. Poza tym nie:

[HTML] pobierz, plaintext 
var login = $("login").value();
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
var login = $("#login").value();
[HTML] pobierz, plaintext

Sprawdzaj po kolei czy wykonuje się funkcja (submit), czy wysyła żądanie i czy dostajesz odpowiedź jeśli tak to jaką no i sprawdź błędy w konsoli.

dominser

5.09.2013, 06:42:46

niestety twoje wskazówki okazały się nie trafione ale i tak dzięki za pomoc. gdyby chodziło o # to na pewno nie działało by mi to pod IE, a to jedyna przeglądarka która to przetwarza prawie prawidłowo.
Może ktoś zna jakieś gotowe rozwiązania na ajax'ie żebym mógł sprawdzić czy użytkownik jest już w bazie bez przeładowania strony.

Damonsson

5.09.2013, 08:26:44

Zainstaluj sobie jQuery i wtedy możesz tak to zrobić:

[JAVASCRIPT] pobierz, plaintext 
function sprawdz_dane() {
$("#registerForm").submit(function(event) {
                    event.preventDefault();
 
 
     var login = $("#login").value;
 
     var email = $("#email").value;
 
     var zapytanie = "NewUser.php?login="+login+"&email="+email;
 
                    $.ajax({
                        type: "POST",
                        url: zapytanie,
                        success: function(data) {
                            if(data == "login") { 
                                 alert('login');
                            }
                            if(data == "email") { 
                                 alert('email');
                            }
                            if(data == "ok") { 
                                 alert('ok');
                            }
                        },
                        error: function(data) {
                            alert('error');
                        }
                    });
                    return false;
                });
}
[JAVASCRIPT] pobierz, plaintext

Nie testowałem, ale po małych poprawkach powinno działać.

Crozin

5.09.2013, 09:25:09

@valkirek: Akurat fragmenty na które zwróciłeś uwagę są jak najbardziej poprawne.

1. Jeżeli coś nie działa to zapewne pojawiają się jakieś błędy w konsoli - każda przeglądarka ma jakąś formę narzędzi deweloperskich.
2. Dane, które mają być fragmentem URL-a (login, email) muszą zostać odpowiednio przefiltrowane: encodeURIComponent.

dominser

7.09.2013, 06:27:19

w tym problem że nie wywala mi żadnego błędu w konsoli

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.