[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

[thomson89]

Nie męcz się w JS. Przestaw się na jQuery. Naprawdę ułatwia to życie.

Przykład:

[JAVASCRIPT] pobierz, plaintext 
var login = $('#login').val();
var pass = $('#pass).val();
 
$.post("reg.php", { login: login, pass: pass}, //nazwa zmiennej dla php : wartosc
function(result){    //co ma sie dziać po wykonaniu 				
 
$('#wynik').html(result); //to co zwróci php przekazałem do diva wynik (zwróci w sensie funkcji echo po stronie php)
 
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował thomson89 25.07.2010, 10:59:41

[renault12]

A w jaki sposob moge przeslac zmienna z php do js aby potem móc ja odczytac ?

[thomson89]

Na powyższym przykładzie, wystarczy że dasz w skrypcie PHP:

[PHP] pobierz, plaintext 
echo $zmienna
[PHP] pobierz, plaintext 

I ona będzie zawarta w zmiennej result już po stronie JS.

[renault12]

No a jesli juz mam jakis tekst w echo i jak dodam do tego tekstu jeszcze zmienna to potem bym musial rozbijac ten ciag znakow, nie da sie tego jakos oddzielnie przeslac?

[thomson89]

Zobacz tą funkcję.

[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

[renault12]

No mniej więcej mi o coś takiego chodziło, później to pod siebie zmodyfikuje.

Aaaa mam jeszcze jeden problem, z pliku php do js zwracam zmienna przez echo pod taka postacią js:

[JAVASCRIPT] pobierz, plaintext 
$('#errorResults').html(result);
[JAVASCRIPT] pobierz, plaintext 

Tekst normalnie się wyświetla ale kiedy robie naprzyklad taki warunek nie śmiga

[JAVASCRIPT] pobierz, plaintext 
function(result){  
if ($.html(result) == '') {
//kod
}
}
[JAVASCRIPT] pobierz, plaintext 

Potrzebuję tego warunku dlatego ze chce sprawdzic czy w zmiennej jest jakis tekst, jesli jest to ma sie wywolac jakas funkcja no ale takowo sie nie dzieje : /

Ten post edytował renault12 25.07.2010, 17:06:18

[everth]

Jeśli 'result' jest wynikiem funkcji echo w PHP to jest w JS interpretowane jako string, czyli nie $.html(result)==coś bo jakbyś zobaczył do api jquery to funkcja html z parametrem służy do dodawania zawartości (choć da się ją wykorzystać do porównania). Sprawdzasz zmienną result czyli:

[JAVASCRIPT] pobierz, plaintext 
if (typeof(result)==undefined || result=='') {...}
[JAVASCRIPT] pobierz, plaintext 

[renault12]

Coś nie działa :/ Nie wiem gdzie jest błąd, zobacz sam:

[JAVASCRIPT] pobierz, plaintext 
$.post("reg.php", { login: login, email: email, haslo: haslo, re_haslo: re_haslo}, 
		function(result){   				
 		$('#errorResults').html(result);
});
      if (typeof(result)==undefined || result=='') {
		       var divstyle = new String();
        divstyle = document.getElementById("txt2").style.visibility;
		divstyle = document.getElementById("sukces").style.visibility;
        if(divstyle.toLowerCase()=="visible" || divstyle == "")
        {
            document.getElementById("txt2").style.visibility = "hidden";
			document.getElementById("sukces").style.visibility = "visible";
	}
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował renault12 25.07.2010, 18:14:34

[everth]

Jak masz tak pisać to lepiej nie pisz w ogóle. To jest jeszcze gorsza kasza niż na początku, nie ma prawa działać: nadpisywana zmienna divstyle tak że w końcu nie wiadomo co ona reprezentuje (txt2, sukces? a może String()?), a skoro dodałeś już jQuery to zacznij z niego korzystać - wygoda i czystość kodu. Poniżej masz to trochę przerobione (na ile zrozumiałem co to w ogóle robi), zapoznaj się z jQuery i spróbuj to przepisać

[JAVASCRIPT] pobierz, plaintext 
$.post("reg.php", {
	login : login,
	email : email,
	haslo : haslo,
	re_haslo : re_haslo
}, function(result) {
	showMsgBox(result); // ta funkcja musi zostać wywołana w tym miejscu
});
 
function showMsgBox(result) {
	$('#errorResults').html(result);
 
	if (typeof (result) == undefined || result == '') {
		elems = $("#txt2, #sukces");
		elems.show(); // pokazuje elementy txt2 i sukces (chyba o to ci chodzi)
 
//		if (divstyle.toLowerCase() == "visible" || divstyle == "") {
//			document.getElementById("txt2").style.visibility = "hidden";
//			document.getElementById("sukces").style.visibility = "visible";
//		} NIE MAM POJĘCIA CO TO ROBI
	}
}
[JAVASCRIPT] pobierz, plaintext 

[renault12]

nooo i elegancko smigaaa, dzieki. A to te txt2 to div pod którym jest formularz. Jeśli tamten warunek się spełni to on się chowa i pokazuje div sukces który wypisuje wynik. A skad u Ciebie takie zamilowanie do tej kaszy

[everth]

Jak zaczniesz pracować z kodem stworzonym przez innych to z czasem zrozumiesz moją niechęć do "kaszy"

[renault12]

Nie chce zakladac nowego tematu wiec pisze tutaj bo znowu mam problem dziwny troche bo chodzi o to że w powyższym kodzie na poprzednim hostingu wszystko chodzilo bez zarzutu, a kiedy przelozylem sie na 000webhosting nie skrypt nie przechodzi przez ten warunek :

[JAVASCRIPT] pobierz, plaintext 
if (typeof (result) == undefined || result == '') {
[JAVASCRIPT] pobierz, plaintext 

Co moze byc nie tak?

[everth]

Sprawdź zmienną result - czasem przeglądarki (zwłaszcza IE) zwracają różne wartości dla pustych zmiennych. Tutaj może być false,null,undefined (niekiedy pokazywana jako typ, innym razem jako string).
Przed warunkiem

[JAVASCRIPT] pobierz, plaintext 
alert(result);
[JAVASCRIPT] pobierz, plaintext 

I zobacz co ci zwraca - dodaj to do warunku

Ten post edytował everth 27.07.2010, 12:42:10

[renault12]

I przed warunkiem i w warunku nic nie zwraca w alercie

[everth]

Rozbuduj warunek

[JAVASCRIPT] pobierz, plaintext 
(typeof(result)==undefined || result=null | result ==false || result=='') //albo to
(!result || result=='') //albo to
[JAVASCRIPT] pobierz, plaintext 

[renault12]

Też nic z tego :/

[everth]

To wrzuć to co podałem w nawiasach jako warunek w alert() i zobacz czy zwraca true czy false.

[renault12]

false