[JavaScript] Przesyłanie zmiennych z formularza przez js do php Opcje

[renault12]

Witam,

Mam problem z przesylaniem danych z formularza do php metoda js. Chce przeslac login i email dynamicznie do php, mam pewna funkcje w js ktora przy jednym parametrze chodzi dobrze ale ja wlasnie chce przeslac i login i email przez ta funkcje i tu robi sie problem. Wie ktos moze co moze byc zle? Takim kodem ktorego zaraz przedstawie sprawdza mi tylko login a chcialbym zeby sprawdzilo tez poprawnosc email.

[JAVASCRIPT] pobierz, plaintext 
	  var myAjax6 = new Ajax.Request('reg.php', {
     method: 'post',
     parametrs: "email=" + email,
     onSuccess: function(showResponse){
     errorResults.innerHTML = showResponse.responseText;
     }
});
	   var myAjax5 = new Ajax.Request('reg.php', {
      method: 'post',
      parameters: "login=" + login,
      onSuccess: function(showResponse){
         errorResults.innerHTML  = showResponse.responseText;
      }
});
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
   $login = $_POST['login'];
   $email = $_POST['email'];
   $znaki = strlen($login);
   $zap = mysql_query("SELECT login FROM users WHERE login = '$login'") or die (mysql_error());
   $ile = mysql_num_rows($zap);
   if ($login != '') {
   if ($znaki >= 5 && $znaki <= 16) {
	   if ($ile>0) 
           {
		   echo $email . '<font color="red">Błąd w formularzu.</font>';
	   }
   } else {
	   if ($znaki < 5) 
           {
		   echo 'Błąd w formularzu.';
	   } else {
		   if ($znaki > 16) {
			   echo 'Błąd w formularzu.';
		   }
	   }
   }
 
   if ($email != '') 
    {
	    if(strstr($email,'@'))
    {
        echo '';
    } else  {
		if (strlen($email) < 6) {
		echo 'Niepoprawny adres email';
		} else {
			echo 'Niepoprawny adres email';
		}
	}   
   }
   }
[PHP] pobierz, plaintext 

Proszę o pomoc

[everth]

Straszna kaszana w tym twoim źródle. Nie wiem czy dobrze zrozumiałem ale chcesz wysłać login i email do serwera, sprawdzić je i odesłać odpowiedź za pomocą Ajaxa? Jeśli tak to za pomocą jQuery i kawałka kodu można zrobić to tak:
Przykładowy HTML:

[HTML] pobierz, plaintext 
<form action='js.php' method='post' id='myForm'>
<input type='text' name='form[login]' id='login' />
<input type='text' name='form[email]' id='email' />
 
<input type='submit' >Wyślij</input>
</form>
[HTML] pobierz, plaintext 

Kierunek JS -> PHP metoda POST, dane zwracamy za pomocą JSON :

[PHP] pobierz, plaintext 
$form = $_GET['form'];
 
if (strlen($form['login'])>=6 && strlen($form['login'])<16 && filter_var($form['email'], FILTER_VALIDATE_EMAIL))
   $response['status'] = true;
   $reponse['message'] = 'Przyjęto dane';
} else {
   $response['status'] = false;
   $reponse['message'] = 'Dane w formularzu są błędne, spadaj';
}
 
echo json_encode($response);
[PHP] pobierz, plaintext 

I kod JS:

[JAVASCRIPT] pobierz, plaintext 
$('#myForm').submit(function() {
   data = $(this).serialize(); // zamieniamy dane z formularza w string
   $.post($(this).attr('action'),data,function(result) {
//   dane otrzymujemy w postaci obiektu result (zwykły obiekt JS, pola takie jak w naszym arrayu php
      typeClass = (result.status) ? 'good':'error'; //klasy stylujące w zależności od wyniku
      msgbox = $("<div style='position:absolute;top:30%;left:45%; z-index:1000' />");
      msgbox.addClass(typeClass);
      msgbox.text(result.message); //wstawiamy komunikat
      $('body').append(msgbox); //pokazujemy diva z komunikatem
   },'json'); //json oznacza jak jQuery ma traktować odpowiedź z serwera
});
[JAVASCRIPT] pobierz, plaintext 

Oczywiście div msgbox jest niedopracowany (nie można go zamknąć) ale to już twoja działka. Jeśli nie przeszkadza ci nadmiar kodu JS to możesz zainteresować się jQuery UI.

Ten post edytował everth 25.07.2010, 16:32:18