Envoi d'un formulaire par e-mail

F2 · 21/01/2010, 00h42

bonjour à tous,

j'ai mis en place sur mon site un formulaire html. j'ai choisi de récupérer les résultats de ce formulaire par envoi d'un e-mail, en utilisant ceci :

Code :

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

1
2
3
<form action="MAILTO:monadresse@gmail.com" method="post" enctype="text/plain">
...
</form>

un click sur le bouton Submit de mon formulaire a pour effet l'envoi d'un mail contenant le nom et la valeur de chacun des champs de mon formulaire. ma question est la suivante : est-il possible de modifier la composition de ce mail ?

je m'explique : mon form contient un grand nombre de champ text, et ils ne sont pas tous obligatoires. je voudrais, par exemple, que le mail qui m'est envoyé contienne uniquement les champs qui ont été renseignés par le visiteur.

est-ce possible avec cette méthode ?

merci

EDIT : j'ai mis ce post dans le forum JS et pas dans celui HTML, car j'imagine que JavaScript peut apporter d'autres solutions à mon problème...

**boboss123** · 21/01/2010, 10h35

salut,

Tu peux modifier les valeurs et propriétés de tes champs avant envoie

Donc pour ne pas que la variable apparaisse dans ton email, il faut la désactiver avant envoie puis la réctiver quelques temps après pour que l'utilisateur puisse avoir la possiblilité d'envoyer d'autres emails. Certains objets (comme les checkboxs) sont automatiquement désactivé par défaut.

voici un exemple :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title>TEST</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" media="screen" type="text/css" title="montheme1" href="../theme1.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="advance.css" />
 
	<script type="text/javascript">
 
		var textBox1
		var textBox2
		var oldValue2	
 
 
		function checkForm(){
 
			textBox1 = document.getElementById("toto")
			textBox2 = document.getElementById("tutu")
 
			oldValue2 = textBox2.value //  sauvegarde de la valeur avant modification
 
 
			// pour ne pas afficher la variable
			if (textBox1.value == ""){
				textBox1.disabled = true
			}
 
			// pour modifier la valeur
			textBox2.value = "salut"
 
 
			// remet les valeurs qu'il y avait avant modif
			setTimeout(function(){reinit()},1) // appel la fonction pas tout de suite (le temps que l'email s'ouvre) => il faut peut etre augmenter la valeur
 
			return true
			// return false // pour refuser l'envoie
		}
 
		function reinit(){
			textBox1.disabled = false
			textBox2.value = oldValue2
		}
 
	</script>
 
</head>
 
<body>
<form action="MAILTO:monadresse@gmail.com" method="post" enctype="text/plain" onsubmit="return checkForm()">
<p><input type="checkbox" id="titi" name="titi" /></p>
<p><input type="text" id="toto" name="toto"/></p>
<p><input type="text" id="tutu" name="tutu"/></p>
<p><input type="submit"/></p>
</form>
</body>
</html>

Peut etre qu'il est aussi possible d'envoyer un email via AJAX (si c'est le cas, c'est plus flexible comme méthode)...

**V.G.T** · 21/01/2010, 11h45

Bonjour,
par un lien hipertext

Code :

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

1
2
 
<a href="mailto:to@ndd.com?subject=Formulaire&cc=cc@ndd.com&bcc=bcc@ndd.com&body=Bonjour%0AFormulaire par mail%0ANom:%0APrenom:">lien</a>

--
http://vgt.fr

**boboss123** · 21/01/2010, 11h53

Envoyé par V.G.T

Bonjour,
par un lien hipertext

Code :

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

1
2
 
<a href="mailto:to@ndd.com?subject=Formulaire&cc=cc@ndd.com&bcc=bcc@ndd.com&body=Bonjour%0AFormulaire par mail%0ANom:%0APrenom:">lien</a>

--
http://vgt.fr

Et comment fais-tu pour changer les valeurs à afficher (à quel moment ?) ?

F2 · 21/01/2010, 20h04

salut,

merci pour vos réponses.
boboss je vais essayer ta méthode tout de suite, ça me parait suffisant pour ce que je veux faire.
par contre j'ai pas trop compris la méthode postée par VGT.

**Bovino** · 21/01/2010, 20h27

Cependant, je tiens à souligner que l'envoi d'email via mailto est plutôt à déconseiller si l'on a la possibilité de passer par un script serveur.
Ensuite, mailto ne fait qu'ouvrir le client mail par défaut, le remplissage de certains champs est très dépendant du client en question. Certains, de mémoire, ne permettent que de remplir les champs to, from et message.

F2 · 21/01/2010, 22h30

la méthode proposée par boboss marche bien pour moi, c'est ce que je voulais faire. mais c'est vrai que ce n'est pas très souple.

comment peut-on récupérer un formulaire par mail autrement qu'avec mailto ?

j'avais vu la méthode "get", qui stocke les resultats du form dans un fichier .asp sauvegardé sur le serveur. mais cette méthode sous-entend qu'il faut aller soi-même récupérer le .asp sur le serveur, ou je me trompe ?

**emmanuel.remy** · 21/01/2010, 22h58

@Bovino: +1 ; sans compter que si l'utilisateur n'utilise qu'un webmail (par exemple gmail ou yahoo) alors vive les dégâts...

ERE

**boboss123** · 22/01/2010, 10h36

Envoyé par emmanuel.remy

@Bovino: +1 ; sans compter que si l'utilisateur n'utilise qu'un webmail (par exemple gmail ou yahoo) alors vive les dégâts...

ERE

+2

=> avec cette methode tu t'affranchis de tout problème de compatibilité avec le client... par contre il faut utiliser un langage coté serveur (php, asp, jsp, ...) => si ton serveur gère le php, ça ne devrait pas être trop difficile à implémenter : tu envoies ton formulaire vers un page .php et dans cette page tu mets le code php qui va bien pour envoyer l'email (donc le client envoie les infos au serveur par formulaire et c'est le serveur qui envoie l'email)
=> fais quelques recherches sous google tu trouveras plein d'exemples

remarque : par contre, dans le champ emetteur de l'email, ça sera l'adresse email du serveur qui apparaitra et non pas celle de l'utilisateur.
Aussi, il faut voir a qui s'adresse ton formulaire : si c'est a monsieur tout le monde, c'est sur que la mehode de bovino est obligatoire mais si tu es sure que la personne qui utilisera ton formulaire utilisera un logiciel de mail particulier alors tu peux utiliser ma solution (en vérifiant que c'est compatible) => ça t'evitera a apprendre un langage coté serveur (même si c'est quand même assez rapide à apprendre pour le peu de chose que tu as à faire)

Envoi d'un formulaire par e-mail

JavaScript

Discussions similaires

Partager

Partager