Transmission données ajax : formulaire + session

Est-ce que ça veut dire qu'actuellement ce code ne fonctionne pas ? Pourtant, ça m'a l'air de tenir la route...
Le problème se situerait dans captcha.php ? Pourtant, dans la mesure où tu fais un session_start(), je suppose que tu n'as pas de problème pour récupérer ta variable de session ?
En fait, la seule chose qui m'intrigue dans ton code, ça n'a rien à voir avec la variable de session, désolé ! Cette ligne :

$return_json = '{"captcha_check":"' . $captcha_check . '",';

T'as coupé un bout de code pour simplifier, ou bien il manque vraiment l'accolade fermante de ton JSON ?

Excuse-moi si je suis long à la comprenure, mais...
- Ton problème est-il bien au niveau de $_SESSION['expect'] dans captcha.php ? Quelle valeur t'est renvoyée ?
- Il y a encore, je pense, un souci dans ton JSON avec la virgule finale. Des fois que, tu peux aussi utiliser la fonction PHP "json_encode"...

Un petit echo $return_json à la fin de ton fichier php, ça pourrait être utile, je pense ^^ (et ôte la virgule après l'accolade dans le json ^^)

Après, le plus simple, ça reste de faire une variable $retour en tableau et de echo json_encode($retour) à la fin de ton script php ^^ (le echo sert à ce que le javascript sache que tu lui retournes un truc)


Et il me semble dans le javascript que c'est plutôt data['captcha_check'] que data.captcha_check. En spécifiant JSON dans la fonction $.(ajax), tu as demandé au javascript de décoder le json qui était renvoyé et il le traite automatiquement en tableau.
Modifié par Lothindil (19 Sep 2013 - 16:54)

Pour le doublon, ça doit être un problème avec le onblur... Personnellement, j'aurais plutôt mis le test de captcha au moment de l'envoie du formulaire, parmi les tests du formulaire.

Sinon pour le php, (int) n'existe pas ^^ La fonction pour changer une chaîne en chiffre, c'est intval().


Sinon, à la base, quand je teste un ajax avec JSON (et ça m'arrive fréquemment), je teste toujours en 3 étapes :
- données d'envoi du javascript (grâce à un alert) pour m'assurer que ce qu'envoie le javascript au php correspond bien à ce que j'attends.
- le fichier php séparément (en forçant $_POST[])
- la partie réaction du javascript.

Donc dans ton cas, je testerais d'abord le script :

function verifCaptcha(champ){
	dataString = $("#contact").serialize();
	alert(dataString);
}

Qui devrait te donner plein de choses avec entre autre Captcha=21

Ensuite le fichier PHP écrit ainsi :

<?php
    session_start();
    $_POST['captcha']= /*test 1 avec la bonne valeur; test 2 avec une autre; test 3 avec un type de valeur non prévu genre "blabla"*/
    $captcha_check = '';
    if(intval($_POST['captcha']) == $_SESSION['expect']){
        $captcha_check = 'valid';
    }else{
        $captcha_check = 'invalid';
    }
    $return_json = '{"captcha_check":"' . $captcha_check . '"}';
    echo $return_json;
?>

Ce test devrait te retourner {"captcha_check" : valid} puis sur les 2 autres test {"captcha_check" : invalid}.

Attention, ça doit te retourne ça et ABSOLUMENT rien d'autres, ni un warning, ni espace, ni un autre caractère (espace compris), ni bien sûr un fatal error.

Ensuite, quand tu es certains que le php retourne bien ce qu'il devrait, tu achèves de tester le javascript, avec le script complet ce coup-ci ^^

Pour la fonction en succes, j'aime pas, ça fait trop de décalage à mon goût, je la sors plutôt de l'ajax (j'ignore si c'est une bonne pratique, mais je sais qu'elle marche), ce qui donnerait ça :

function verifCaptcha(champ){
	dataString = $("#contact").serialize();
            function retour_php(data) 
            {
		/*juste pour le test*/ alert(data['captcha_check']);
		if(data['captcha_check'] == "invalid")
		{
			$('#msg_captcha').html("<p>Mauvais Calcul?</p>");
		}else{
			$('#msg_captcha').html("<p>Ok</p>");
		}
	}
	$.ajax({
		type : "POST",
		url: "php/captcha.php",
		data: dataString,
		dataType: "json",
		success: retour_php
	});
}

Cette technique permet de localiser exactement le problème. Parce que si le soucis est au niveau du PHP, en testant directement via l'ajax, tu ne le sauras jamais (ou plutôt tu avanceras à tâtons ^^)
Modifié par Lothindil (19 Sep 2013 - 18:32)

Une fois que le script va fonctionner, je vais faire comme tu m'as conseillé : le test au submit. Pour le intval, je ne sais pas pourquoi, mais j'étais persuadé que INT existait

Sinon, le premier script me donne ceci (bien sur je n'ai rempli que le champ captcha):
nom=&email=&sujet=&message=&captcha=28&url=

Ensuite si je modifie mon fichier php par ton code, j'obtiens ceci et ceux peut importe la valeur saisie...


Par contre j'aime bien le principe de déporter le success, c'est beaucoup plus lisible

Bonsoir tout le monde,

J'ai lancé directement captcha.php et j'obtiens ceci:


Mais tu as dit dans ton autre message (en forçant $_POST[]), la je ne sais pas faire, en GET oui mais POST non

Comment fais-tu?

Merci

Forcer une variable $_POST, ça signifie dans mon langage tout perso lui donner une valeur de force au début de ton fichier.

Un truc genre : $_POST['captcha']=28; juste après le session_start; (pas avant le session_start , il n'aime pas si y a un truc devant).

Et là le message que tu reçois te signifie que $_SESSION['expect'] n'existe pas (ou plutôt que dans le tableau $_SESSION, tu n'as pas la clé "expect".

Donc tente de voir avec var_dump($_SESSION); juste avant l'endroit où tu fais appel à $_SESSION['expect']. Cette fonction va te retourner le contenu et le type de ta variable, ça te permettra de savoir ce qu'elle a dans le ventre.

(mais là comme ça, à vue de nez, je dirais que ton captcha a un soucis et qu'il n'envoie jamais en session la valeur qu'il devrait y avoir)
Modifié par Lothindil (20 Sep 2013 - 23:56)

Je viens de suivre ton conseil et j'obtiens ceci:


Donc aucun envoie de la variable en session snif...
Modifié par maxredphenix (22 Sep 2013 - 20:09)

maxredphenix a écrit :

Je pense que Fly06 doit avoir raison,
dataString = $("#captcha").serialize();
doit largement suffire non?

Oui, je confirme

Ca devrait résoudre ton problème (côte captcha) si le captcha ne fait pas parti du formulaire (question à laquelle tu n'as pas répondu).

maxredphenix a écrit :
Mon soucis c'est la récupération de la valeur de $_SESSION['expect'] en plus de $_POST['captcha'] afin de transmettre les deux variables en ajax.

La variable $_SESSION['expect'] n'est pas à transmettre au serveur via ajax, elle est stockée physiquement sur le serveur.

Sinon, quand tu testes le captcha depuis le formulaire, il affiche bien une réponse (Ok OU Mauvais calcul) ou il affiche rien ?

J'avais complétement zappé pour les sessions, c'est logique en plus que ce soit côté serveur...

Non avec le test du précédent post de Lothindil il y a rien, sauf si je déclare les 2 variables dans le fichier captcha.php ou là j'ai le message OK ou Mauvais calcul suivant ce que je mets:

<?php
    session_start();
   $_POST['captcha']=5;
   $_SESSION['expect']=5;
    $captcha_check = '';
    if(intval($_POST['captcha']) == $_SESSION['expect']){
        $captcha_check = 'valid';
    }else{
        $captcha_check = 'invalid';
    }
    $return_json = '{"captcha_check":"' . $captcha_check . '"}';
    echo $return_json;
?>

Sinon, voila mon code complet pour la partie formulaire, je pense qu'il y a quelques modifs à faire sur la vérification en javascript (et une fois que la vérification en ajax du captcha va fonctionner, je vais faire comme les autres, changer le background au lieu d'afficher un message)

<!-- CONTACT FORM -->
<div class="full-width wrapper">
<div class="row">
	<div class="columns large-12">
		<form action="php/mail.php" id="contact" method="POST">	
			<div class="row">
				<div class="columns large-12">
					<div class="row">
						<div class="columns large-3"><label for="nom" class="left inline">Nom*</label></div>
						<div class="columns large-9"><input type="text" name="nom" id="nom" maxlength="30" onblur="verifNom(this);" placeholder="Dupont Xavier" required /></div>
					</div>
					<span id="msg_nom"></span>
				</div>
			</div>
			<div class="row">
				<div class="columns large-12">
					<div class="row">
						<div class="columns large-3"><label for="email" class="left inline">Email*</label></div>
						<div class="columns large-9"><input type="text" name="email" id="email" maxlength="30" onblur="verifMail(this)" placeholder="dupont.xavier@gmail.com" required /></div>
					</div>
					<span id="msg_email"></span>
				</div>
			</div>
			<div class="row">
				<div class="columns large-12">
					<div class="row">
						<div class="columns large-3"><label for="sujet" class="left inline">Sujet</label></div>
						<div class="columns large-9"><input type="text" name="sujet" id="sujet" maxlength="40" onblur="verifSujet(this)" placeholder="Information" /></div>
					</div>
					<span id="msg_sujet"></span>
				</div>
			</div>
			<div class="row">
				<div class="columns large-12">
					<label for="message" class="left">Message*</label><br/>
					<textarea name="message" id="message" onblur="verifMessage()" required></textarea>
					<span id="msg_message"></span>
				</div>
			</div>
			<div class="row">
				<div class="columns large-6 small-12">
					<div class="row">
						<div class="columns large-8"><span class="left">Un petit test <?=$_SESSION['n1']?> + <?=$_SESSION['n2']?> =</span></div>
						<div class="columns large-4">
							<input type="text" name="captcha" id="captcha" maxlength="10" onblur="verifCaptcha(this);" placeholder="Captcha" required/>
							<span id="msg_captcha"></span>
						</div>
					</div>
				</div>
			</div>
			<input type="text" name="url" style="display:none"/>
			<div class="row">
			<div class="columns large-12 text-center">
				<input class="button form-button-submit" type="submit" value="Envoyer Message">
				<input class="button button-alt form-button-reset" type="reset" value="Effacer">
			</div>
		</div>
		</form>
	</div>
</div>

<div class="row">
	<div class="columns large-12 text-center">
		<span id="msg_all"></span>
	</div>
</div>

et mon javascript de vérification avant envoi:

<script type="text/javascript">
	function surligne(champ, erreur){
		if(erreur){champ.style.backgroundColor = "#F8E0E0";}
		else{champ.style.backgroundColor = "#CEF6CE";}
	}
	function verifNom(champ){
		if(champ.value.length < 2 || champ.value.length > 25){surligne(champ, true);return false;}
		else{surligne(champ, false);return true;}
	}
	function verifMail(champ){
		var regex = /^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
		if(!regex.test(champ.value)){surligne(champ, true); return false;}
		else{surligne(champ, false);return true;}
	}
	function verifSujet(champ){
		if(champ.value.length < 2 || champ.value.length > 50){surligne(champ, true);return false;}
		else{surligne(champ, false);return true;}
	}
	function verifMessage(champ){
		if(champ.value.length < 2 || champ.value.length > 500){surligne(champ, true);return false;}
		else{surligne(champ, false);return true;}
	}
	function verifCaptcha(champ){
		dataString = $("#contact").serialize();
		function retour_php(data){
			if(data['captcha_check'] == "invalid"){
				$('#msg_captcha').html("<p>Mauvais Calcul?</p>");
			}else{
				$('#msg_captcha').html("<p>Ok</p>");
			}
		}
		$.ajax({
			type : "POST",
			url: "php/captcha.php",
			data: dataString,
			dataType: "json",
			success: retour_php
		});
	}
	$(function(){
		$("#contact").submit(function(event){
			var nom        = $("#nom").val();
			var sujet      = $("#sujet").val();
			var email      = $("#email").val();
			var message    = $("#message").val();
			var dataString = nom + sujet + email + message;
			var msg_all    = 'Merci de remplir tous les champs';
			var msg_alert  = 'Merci de remplir ce champ';
			if(dataString  == ''){$('#msg_all').html(msg_all);}
			else if(nom == ''){$('#msg_nom').html(msg_alert);}
			else if(sujet == ''){$('#msg_sujet').html(msg_alert);}
			else if(email == ''){$('#msg_email').html(msg_alert);}
			else if(message == ''){$('#msg_message').html(msg_alert);}
			else{
				$.ajax({
					type : "POST",
					url: $(this).attr('action'),
					data: $(this).serialize(),
					success : function(){$('#contact').html('<p>Votre email a été envoyé avec succès. Je vérifie ma boîte de réception tout le temps, donc je devrais vous répondre rapidement.</p>');},
					error: function(){$('#contact').html("<p>Erreur d'appel, le formulaire ne peut pas fonctionner</p>");}
				});
			}
			return false;
		});
	});
</script>