[jquery][php] przekazywanie danych formularza do zmiennej php Opcje

[Lejto]

Mam problem na stronie http://dmuchancemalucha.pl/index.php?optio...6&Itemid=92 z formularzem. Wykorzystałem jQuery do wysyłania maila, jednak dobrze mi nie zwraca wybranych pól. Np. Dla Wybierz płeć (wybieram chłopiec), a w zmiennej zwraca mi chłopiec i dziewczynka.
Kod formularza:

[HTML] pobierz, plaintext 
<form id="formail" method="post"> 
<label>Płeć dziecka: </label>Chłopiec<input id="plec1" name="plec" type="radio" value="Chłopiec" /> 
Dziewczynka<input id="plec2" name="plec" type="radio" value="Dziewczynka" /> 
 
 
 
<label>Wiek: </label><input id="wiek" name="wiek" type="text" /> 
<label>E-mail:</label> <input id="mail" name="mail" type="text" /> <label>Telefon kontaktowy: </label><input id="telefon" name="telefon" type="text" /> <label>Data imprezy: </label><input id="data" name="data" type="text" /> <label>Godzina imprezy: </label><input id="godzina" name="godzina" type="text" /> <label>Kwota, którą chcę przeznaczyć na realizację przyjęcia: </label><input id="kwota" name="kwota" type="text" /> <label>Części składowe:</label> <label>Tort okolicznościowy (proszę opisać):</label> <textarea id="text" cols="40" rows="10" name="text"></textarea> <label>Zabawki dmuchane: </label> <input id="dmuchane" name="dmuchane" type="checkbox" value="zabawki dmuchane" /> <label>Trampolina do skakania: </label> <input id="trampolina" name="trampolina" type="checkbox" value="trampolina do skakania" /> <label>Strzelnica łuki/wiatrówki/dmuchawki/ASG: </label> <input id="strzelnica" name="strzelnica" type="checkbox" value="strzelnica łuki/wiatrówki/dmuchawki/ASG" /> <label>Szukanie skarbu wykrywaczami metalu: </label> <input id="szukanie" name="szukanie" type="checkbox" value="szukanie skarbu wykrywaczami metalu" /> <label>Kula zorbing: </label> <input id="kula" name="kula" type="checkbox" value="kula zorbing" /> <label>Kala wodna: </label> <input id="kala" name="kala" type="checkbox" value="kala wodna" /> <label>Dmuchana ścianka wspianczkowa: </label> <input id="sciana" name="sciana" type="checkbox" value="dmuchana ścianka wspianczkowa" /> <label>Walki gladiatorów/sumoków: </label> <input id="walki" name="walki" type="checkbox" value="walki gladiatorów/sumoków" /> <label>Malowanie buziek: </label> <input id="malowanie" name="malowanie" type="checkbox" value="malowanie buziek" /> <label>Zwierzątka z baloników: </label> <input id="zwierzeta" name="zwierzeta" type="checkbox" value="zwierzątka z baloników" /> <label>Wata cukrowa: </label> <input id="wata" name="wata" type="checkbox" value="wata cukrowa" /> <label>Popcorn: </label> <input id="popcorn" name="popcorn" type="checkbox" value="popcorn" /> <label>Xbox+kinekt: </label> <input id="xbox" name="xbox" type="checkbox" value="xbox+kinekt" /> <label>Gra strzelnaka ASG: </label> <input id="gra1" name="gra1" type="checkbox" value="gra strzelnaka ASG" /> <label>Gra strzelanka Paintball: </label> <input name="gra2" type="checkbox" value="gra strzelanka Paintball" /> <input id="sendmail" name="sendmail" type="submit" value="Wyślij" /> </form><div id="response"></div></div>
[HTML] pobierz, plaintext 

kod js

[HTML] pobierz, plaintext 
 jQuery(document).ready(function(){
	jQuery("#sendmail").click(function(){
		var valid = '';
		var isr = '';
		var plec1 = jQuery("#plec1").val();
		var plec2 = jQuery("#plec2").val();
		var wiek = jQuery("#wiek").val();
		var telefon = jQuery("#telefon").val();
		var godzina = jQuery("#godzina").val();
		var kwota = jQuery("#kwota").val();
		var text = jQuery("#text").val();
		var dmuchane = jQuery("#dmuchane").val();
		var trampolina = jQuery("#trampolina").val();
		var strzelnica = jQuery("#strzelnica").val();
		var szukanie = jQuery("#szukanie").val();
		var kula = jQuery("#kula").val();
		var kala = jQuery("#kala").val();
		var sciana = jQuery("#sciana").val();
		var walki = jQuery("#walki").val();
		var malowanie = jQuery("#malowanie").val();
		var zwierzeta = jQuery("#zwierzeta").val();
		var wata = jQuery("#wata").val();
		var popcorn = jQuery("#popcorn").val();
		var xbox = jQuery("#xbox").val();
		var gra1 = jQuery("#gra1").val();
		var gra2 = jQuery("#gra2").val();		
		var mail = jQuery("#mail").val();
 		var text = jQuery("#text").val();
		var data = jQuery("#data").val();
 
 
 
 
 
 
		if (valid!='') {
			jQuery("#response").fadeIn("slow");
			jQuery("#response").html("Błąd:"+valid);
		}
		else {
			var datastr ='plec1=' + plec1 + '&plec2=' + plec2;
			jQuery("#response").css("display", "block");
			jQuery("#response").html("Wysyłanie wiadomości... ");
			jQuery("#response").fadeIn("slow");
			setTimeout("send('"+datastr+"')",2000);
		}
		return false;
	});
});
function send(datastr){
	jQuery.ajax({	
		type: "POST",
		url: "mail.php",
		data: datastr,
		cache: false,
		success: function(html){
		jQuery("#response").fadeIn("slow");
		jQuery("#response").html(html);
		setTimeout('jQuery("#response").fadeOut("slow")',2000);
	}
	});
}
[HTML] pobierz, plaintext 

i kod php

[PHP] pobierz, plaintext 
<?php
		$plec1 = $_POST["plec1"];
		$plec2 = $_POST["plec2"];
		$wiek = $_POST["wiek"];
		$telefon = $_POST["telefon"];
		$godzina = $_POST["godzina"];
		$kwota = $_POST["kwota"];
		$text = $_POST["text"];
		$dmuchane = $_POST["dmuchane"];
		$trampolina = $_POST["trampolina"];
		$strzelnica = $_POST["strzelnica"];
		$szukanie = $_POST["szukanie"];
		$kula = $_POST["kula"];
		$kala = $_POST["kala"];
		$sciana = $_POST["sciana"];
		$walki = $_POST["walki"];
		$malowanie = $_POST["malowanie"];
		$zwierzeta = $_POST["zwierzeta"];
		$wata = $_POST["wata"];
		$popcorn = $_POST["popcorn"];
		$xbox = $_POST["xbox"];
		$gra1 = $_POST["gra1"];
		$gra2 = $_POST["gra2"];		
		$mail = $_POST["mail"];
 		$data = $_POST['data'];
 
 
 
 
 $to = "lukasz.ogan@gmail.com";
 $m ="Dostałeś zapytanie od: ".$mail;
 $m .="Treść: ";
 $m .= "Płeć: $plec1.$plec2 \r \n Wiek: $wiek \r \n Telefon: $telefon \r \n Godzina: $godzina \r \n Data: $data  \r \n  Kwota: $kwota  \r \n Opis tortu: $text  \r \n Dmuchane zabawki: $dmuchane  \r \n  Trampolina: $trampolina  \r \n  Strzelnica: $strzelnica  \r \n Szukanie: $szukanie  \r \n Kula: $kula  \r \n Sciana $sciana  \r \n  Walki: $walki  \r \n  Malowanie: $malowanie  \r \n  Wata: $wata  \r \n  Popcorn: $popcorn  \r \n  Xbox: $xbox  \r \n Gra1: $gra1  \r \n  Gra2: $gra2  \r \n Mail: $mail  \r \n  Data: $data  \r \n ";
 
 
 if(mail($to, $subject,$m)){
	echo "Wysłano";
	echo $popcorn;
} 
?>
[PHP] pobierz, plaintext 

Gdzie tu jest błąd?


Pozdrawiam

Ten post edytował Lejto 17.12.2011, 14:56:54

[Shili]

[HTML] pobierz, plaintext 
jQuery(document).ready(function(){
	jQuery("#sendmail").click(function(){
[HTML] pobierz, plaintext 

Zamień na zdarzenie submit dla formularza.
Jeśli ktoś wyśle formularz poprzez wciśnięcie Enter cały Twój długi kod js się nie wykona.

Nic dziwnego, że zwraca Ci dwie płcie, jak dwie płcie wybierasz:

[HTML] pobierz, plaintext 
var plec1 = jQuery("#plec1").val();
		var plec2 = jQuery("#plec2").val();
...
var datastr ='plec1=' + plec1 + '&plec2=' + plec2;
[HTML] pobierz, plaintext 

http://api.jquery.com/checked-selector/

Ten post edytował Shili 17.12.2011, 15:22:52

[Lejto]

no przecież przesyłam dane z formularza

[nospor]

Problem z php nie ma żadnego związku - przenosze.

Nic dziwnego, że zwraca Ci dwie płcie, jak dwie płcie wybierasz:

Święte słowa. Wysyła dwie płcie niezależnie czy zaznaczone czy nie i się dziwi, że dwie mu się wysyłąją.... (IMG:style_emoticons/default/smile.gif)

[Lejto]

nie myślałem że w jQuery trzeba oddzielnie to sprawdzić

[HTML] pobierz, plaintext 
		var plec1 = jQuery('input:radio[name=plec]:checked').val();
 
[HTML] pobierz, plaintext 

i działa

[Shili]

Oczywiście że trzeba.

Funkcja val() wybiera atrybut value ustawiony dla pola, jak sama nazwa wskazuje.
Pierwszy rzut oka na kod html - value ustawione dla obydwu pól radio.
Ergo - coś trzeba dorzucić.

Btw, labele same w sobie to element zbędny.
Powiąż labele przez id z elementami formularza, żeby po kliknięciu na label automatycznie przenosiło kursor do pola tekstowego lub zaznaczało odpowiedni element.
http://mimas.ceti.pl/dia/day_28.html