Récupération des valeurs de multiple checkbox + texte de bouton dynamique

**McNullity** · 18/10/2018, 14h19

Salut la communauté

Je planche actuellement sur mon portfolio en ligne et je jette donc un coup d'oeil à PHP pour le formulaire de contact. Le code (récupéré en ligne) fonctionne bien, mais j'aimerai l'adapter à mon formulaire.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<form class="work-request" method="post" action="traitement_formulaire.php">
                <div class="work-request--options">
                  <span class="options-a">
 
                    <input id="opt-1" name="opts[]" type="checkbox" value="print">
                    <label class="center" for="opt-1">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                      viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
                      <g transform="translate(0.000000,111.000000) scale(0.100000,-0.100000)">
                        <path d="M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z"/>
                      </g>
                      </svg>
                      <span>Print</span>
                    </label>
                    <input id="opt-2" name="opts[]" type="checkbox" value="motion design">
                    <label class="center" for="opt-2">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                      viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
                      <g transform="translate(0.000000,111.000000) scale(0.100000,-0.100000)">
                        <path d="M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z"/>
                      </g>
                      </svg>
                      <span>Motion Design</span>
                    </label>
                  </span>
                  <span class="options-b">
 
                    <input id="opt-3" name="opts[]" type="checkbox" value="web">
                    <label class="center" for="opt-3">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                      viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
                      <g transform="translate(0.000000,111.000000) scale(0.100000,-0.100000)">
                        <path d="M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z"/>
                      </g>
                      </svg>
                      <span>Web</span> 
                    </label>
                    <input id="opt-4" name="opts[]" type="checkbox" value="photographie">
                    <label class="center" for="opt-4">
                      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                      viewBox="0 0 150 111" style="enable-background:new 0 0 150 111;" xml:space="preserve">
                      <g transform="translate(0.000000,111.000000) scale(0.100000,-0.100000)">
                        <path d="M950,705L555,310L360,505C253,612,160,700,155,700c-6,0-44-34-85-75l-75-75l278-278L550-5l475,475c261,261,475,480,475,485c0,13-132,145-145,145C1349,1100,1167,922,950,705z"/>
                      </g>
                      </svg>
                      <span>Photographie</span>
                    </label>
                  </span>
                </div>
                <div class="work-request--information">
                  <div class="information-name">
                    <input id="name" name="nom" type="text" spellcheck="false">
                    <label for="name">Nom</label>
                  </div>
                  <div class="information-email">
                    <input id="email" name="email" type="email" spellcheck="false">
                    <label for="email">Email</label>
                  </div>
                </div>
                <input type="submit" name="envoi" value="Envoyer la demande">
              </form>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<?php
    /*
    	********************************************************************************************
    	CONFIGURATION
    	********************************************************************************************
    */
    // destinataire est votre adresse mail. Pour envoyer à plusieurs à la fois, séparez-les par une virgule
    $destinataire = 'somah.corp@gmail.com';
 
    // copie ? (envoie une copie au visiteur)
    $copie = 'oui'; // 'oui' ou 'non'
 
    // Messages de confirmation du mail
    $message_envoye = "Votre message nous est bien parvenu !";
    $message_non_envoye = "L'envoi du mail a échoué, veuillez réessayer SVP.";
 
    // Messages d'erreur du formulaire
    $message_erreur_formulaire = "Vous devez d'abord <a href=\"index.html\">envoyer le formulaire</a>.";
    $message_formulaire_invalide = "Vérifiez que tous les champs soient bien remplis et que l'email soit sans erreur.";
 
    /*
    	********************************************************************************************
    	FIN DE LA CONFIGURATION
    	********************************************************************************************
    */
 
    // on teste si le formulaire a été soumis
    if (!isset($_POST['envoi']))
    {
    	// formulaire non envoyé
    	echo '<p>'.$message_erreur_formulaire.'</p>'."\n";
    }
    else
    {
    	/*
    	 * cette fonction sert à nettoyer et enregistrer un texte
    	 */
    	function Rec($text)
    	{
    		$text = htmlspecialchars(trim($text), ENT_QUOTES);
    		if (1 === get_magic_quotes_gpc())
    		{
    			$text = stripslashes($text);
    		}
 
    		$text = nl2br($text);
    		return $text;
    	};
 
    	/*
    	 * Cette fonction sert à vérifier la syntaxe d'un email
    	 */
    	function IsEmail($email)
    	{
    		$value = preg_match('/^(?:[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+\.)*[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+@(?:(?:(?:[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!\.)){0,61}[a-zA-Z0-9_-]?\.)+[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!$)){0,61}[a-zA-Z0-9_]?)|(?:\[(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\]))$/', $email);
    		return (($value === 0) || ($value === false)) ? false : true;
    	}
 
 
    	// formulaire envoyé, on récupère tous les champs.
    	$nom     = (isset($_POST['nom']))     ? Rec($_POST['nom'])     : '';
    	$email   = (isset($_POST['email']))   ? Rec($_POST['email'])   : '';
        if (! empty($_POST['opts']))
{
  for($i=0; $i<count($_POST['opts']); $i++)
  {
    $objet = $_POST['opts'][$i] . ', ';
  }
}
else
{
  echo 'il faut cocher une case au moins';
}
 
 
    	// On va vérifier les variables et l'email ...
    	$email = (IsEmail($email)) ? $email : ''; // soit l'email est vide si erroné, soit il vaut l'email entré
 
    	if (($nom != '') && ($email != '') && ($objet != ''))
    	{
    		// les 3 variables sont remplies, on génère puis envoie le mail
                $subject  = 'Devis '.$objet.'.'. "\r\n";
    		$headers  = 'MIME-Version: 1.0' . "\r\n";
    		$headers .= 'From:'.$nom.' <'.$email.'>' . "\r\n" .
    				'Reply-To:'.$email. "\r\n" .
    				'Content-Type: text/plain; charset="utf-8"; DelSp="Yes"; format=flowed '."\r\n" .
    				'Content-Disposition: inline'. "\r\n" .
    				'Content-Transfer-Encoding: 8bit'." \r\n" .
    				'X-Mailer:PHP/'.phpversion();
            $message = 'Bonjour. Je suis '.$nom.' et je souhaiterai obtenir un devis pour la création de '.$objet.'.'. "\r\n";
 
    		// envoyer une copie au visiteur ?
    		if ($copie == 'oui')
    		{
    			$cible = $destinataire.';'.$email;
    		}
    		else
    		{
    			$cible = $destinataire;
    		};
 
    		// Remplacement de certains caractères spéciaux
    		$message = str_replace("'","'",$message);
    		$message = str_replace("’","'",$message);
    		$message = str_replace("&quot;",'"',$message);
    		$message = str_replace('<br>','',$message);
    		$message = str_replace('<br />','',$message);
    		$message = str_replace("&lt;","<",$message);
    		$message = str_replace("&gt;",">",$message);
    		$message = str_replace("&amp;","&",$message);
 
    		// Envoi du mail
    		$num_emails = 0;
    		$tmp = explode(';', $cible);
    		foreach($tmp as $email_destinataire)
    		{
    			if (mail($email_destinataire, $objet, $message, $headers))
    				$num_emails++;
    		}
 
    		if ((($copie == 'oui') && ($num_emails == 2)) || (($copie == 'non') && ($num_emails == 1)))
    		{
    			echo '<p>'.$message_envoye.'</p>';
    		}
    		else
    		{
    			echo '<p>'.$message_non_envoye.'</p>';
    		};
    	}
    	else
    	{
    		// une des 3 variables (ou plus) est vide ...
    		echo '<p>'.$message_formulaire_invalide.' <a href="index.html">Retour au formulaire</a></p>'."\n";
    	};
    }; // fin du if (!isset($_POST['envoi']))
    ?>

Dans un premier temps je cherche à récupérer les valeurs des checkbox dans la variable $objet (lignes 63>73) afin de les énumérer dans la variable $message (ligne 89). Le soucis se situe dans le fait que le mail envoyé ne contient qu'une seule des valeurs, et qu'elle est également envoyée comme sujet du mail.

Dans un second temps, j'aimerai que le message de validation (et les messages d'erreur) remplace la valeur du l'input submit plutôt que de s'afficher sur une nouvelle page. Etant totalement néophyte en php, je ne vois pas du tout comment m'y prendre.

**CosmoKnacki** · 18/10/2018, 14h49

Le soucis se situe dans le fait que le mail envoyé ne contient qu'une seule des valeurs

Pas étonnant, puisque le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
for($i=0; $i<count($_POST['opts']); $i++)
  {
    $objet = $_POST['opts'][$i] . ', ';
  }

écrabouille la valeur précédente de $objet à chaque tour de boucle. Donc tu dois obtenir uniquement la dernière valeur cochée.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function IsEmail($email)
    	{
    		$value = preg_match('/^(?:[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+\.)*[\w\!\#\$\%\&\'\*\+\-\/\=\?\^\`\{\|\}\~]+@(?:(?:(?:[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!\.)){0,61}[a-zA-Z0-9_-]?\.)+[a-zA-Z0-9_](?:[a-zA-Z0-9_\-](?!$)){0,61}[a-zA-Z0-9_]?)|(?:\[(?:(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\.){3}(?:[01]?\d{1,2}|2[0-4]\d|25[0-5])\]))$/', $email);
    		return (($value === 0) || ($value === false)) ? false : true;
    	}

Arghh! Pour valider un email, on utilise filter_var avec le filtre FILTER_VALIDATE_EMAIL en paramètre.

**McNullity** · 18/10/2018, 14h55

En effet oui. Mais je ne comprends pas pourquoi la variable se retrouve également en sujet du message.

**CosmoKnacki** · 18/10/2018, 15h00

Pour comprendre il faut lire le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$subject  = 'Devis '.$objet.'.'. "\r\n";

**McNullity** · 18/10/2018, 15h04

Il manque le reste de la phrase. Le sujet n'est composé que de la variable dans le mail envoyé.

Ps : J'ai rajouté cette ligne après en cherchant à régler le soucis par moi-même. Même sans la variable $subject, c'est la variable $object qui est en sujet.

**CosmoKnacki** · 18/10/2018, 15h17

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (mail($email_destinataire, $objet, $message, $headers))

Donc il suffit de la remplacer par la bonne variable.

J'ai l'impression que tu mets la charrue avant les bœufs en ayant la mauvaise idée (que l'on a tous eue au moins une fois) de copier/coller un code et d'essayer de l'adapter sans avoir une maîtrise suffisante du langage voire de la programmation en général. Je te conseille donc de prendre les choses dans l'ordre en lisant quelques tutoriels récents sur le php, puis sur le traitement des formulaires et surtout, de produire ensuite par toi-même des exemples de codes pour t'entraîner (car c'est ce qu'il y a de plus payant).

**McNullity** · 18/10/2018, 15h26

C'est tout à fait ça. Le soucis c'est que je ne suis pas dev à la base mais graphiste. Et j'ai besoin d'un site qui soit opérationnel assez rapidement. Maitrisant déjà bien les html/css, et de + en + le javascript, j'ai quelques facilitées pour comprendre le PHP. Mais si je commence à à m'y mettre, mon site ne sera pas en ligne avant un bout de temps. Je compte bien m'y coller, mais pour l'instant j'ai besoin que mon site soit fonctionnel. Voilà pourquoi je prends quelques raccourcis.

**CosmoKnacki** · 18/10/2018, 15h38

Des raccourcis qui rallongent à mon avis; suivre un tutoriel ce n'est pas si long que ça, ni de créer quelques exemples fonctionnels, ensuite tu seras plus rapide et surtout plus serein (moins de doutes, moins d'idées délirantes: comme de parcourir un tableau avec une boucle for ou de vérifier un email avec une expression régulière). Après ça, tu n'as plus qu'à t'armer du manuel PHP et d'un moteur de recherche pour vérifier des points précis.

**McNullity** · 18/10/2018, 16h52

Pas si inutile que ça, j'ai trouvé comment régler ce problème. Il suffisait d'initialiser la variable avant la boucle et de concaténer les valeur. J'essaie maintenant de remplacer la valeur de l'input submit par les différent message que le formulaire envoie quand submit est cliqué.

Récupération des valeurs de multiple checkbox + texte de bouton dynamique

Langage PHP

Discussions similaires

Partager

Partager