Formulaire PHP ne fonctionne pas ?

Version imprimable

Bonsoir,

J'ai créé un formulaire en php et il ne m'indique aucune erreur quand je fais ENVOYER, mais ça ne fonctionne pas, si vous avez une idée ?

Mon formulaire dans mon fichier index.html :

Code:

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
<form>
                        <div class="field">
                            <label class="label">Votre nom</label>
                            <div class="control">
                              <input id="name" class="input" type="text" placeholder="votre nom" name="name">
                            </div>
                          </div>
                          <div class="field">
                            <label class="label">Votre prénom</label>
                            <div class="control">
                              <input id="firstname" class="input" type="text" placeholder="votre prénom" name="firstname">
                            </div>
                          </div>
                          <div class="field">
                            <label class="label">Votre email</label>
                            <div class="control">
                              <input id="email" class="input" type="text" placeholder="votre email" name="email" >
                            </div>
                          </div>
                          <div class="field">
                            <label class="label">Votre message</label>
                            <div class="control">
                              <textarea id="message" class="textarea" placeholder="votre message..." name="message"></textarea>
                            </div>
                          </div>
                    </form>
                    <button class="button is-link" id="send_email">Envoyer !</button>

mail.php :

Code:

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
<?php
if($_POST){
  $firstname = $_POST['firstname']
  $email = $_POST['email'];
  $name = $_POST['name'];
  $message = $_POST['message'];
 
  $headers = "MIME-Version: 1.0\r\n";
  $headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
  $headers .= "From: $name <$email>\r\nReply-to : $name <$email>\nX-Mailer:PHP";
 
  $subject="Infos";
  $destinataire="MonMail@gmail.com";
  $body="$message";
 
  if(mail($destinataire,$subject,$body,$headers)) {
    $response['status'] = 'success';
    $response['msg'] = 'your mail is sent';
  } else {
    $response['status'] = 'error';
    $response['msg'] = 'Something went wrong';
  }
 
  echo json_encode($response);
}
?>

et mon main.js

Code:

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
// send email
    $('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			objet: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
				$('#js_alert_success').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_success').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			},
			error: function(data) {
				$('#js_alert_danger').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_danger').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			}
		});
	});
});

02/03/2020, 05h44
Toufik83
Salut,

Tu envois objet: $('#firstname').val() dans le paramètre data de l'ajax pourtant tu essaies de le récupérer en tant que $_POST['firstname'] en php.

Modifies ton paramètre ajax objet en firstname, ou bien l'inverse en remplaçant le $_POST["firstname"] par $_POST["objet"].

Ton fichier php renvoit un résultat json avec json_encode(), alors que le dataType d'ajax n'est pas défini à "json" :
Code:

1 2 3 4 5 $.ajax({ ...., dataType:"json", // imporrtante !!! });
Puis il y a un point virgule manquant dans :
Code:

1 2 $firstname = $_POST['firstname'] // ici !

Merci à vous pour votre réponse.

j'ai fais les modifications mes sa ne fonctionne pas, j'ai peut être pas mis au bon endroit dans mon fichier main.js ?

Code:

dataType:"json",

Code:

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
// send email
    $('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			firstname: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
                        dataType:"json",
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
				$('#js_alert_success').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_success').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			},
			error: function(data) {
				$('#js_alert_danger').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_danger').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			}
		});
	});
});

Salut,

Citation:

Envoyé par cdevl37

j'ai fais les modifications mes sa ne fonctionne pas,

tu veux dire quoi par "ça ne fonctionne pas" ? une erreur ? ou bien pas d'erreur mais l'email n'est pas envoyé ?

Il faut t'assurer d'abord que le retour du fichier php est exécuté dans success et pas error :
Code:

1 2 3 4 5 6 success: function(data) { console.log("data :",data);//ça donne quoi cette ligne? }, error:function(data){ alert("Erreur ajax :",data.reponseText);//au cas où il y a une erreur, cette alerte s'affichera. }

Bonsoir,

Je n'ai aucune erreur mais le mail n'est pas envoyé, en ce qui concerne votre bout de code comment je dois l’intégrer dans mon code ? Car je n'ai jamais fait de js.

mon script main.js :

Code:

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
$('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			firstname: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
            dataType:"json",
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
				$('#js_alert_success').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_success').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			},
			error: function(data) {
				$('#js_alert_danger').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_danger').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			}
		});
	});

Tu n'as pas mis ni la console.log dans success, ni alert dans error.

Allezzzz un peu d'effort (copier/coller) de ta part s'il ta plait :aie: :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
success: function(data) {
         console.log("data success : ",data);//ouvre la console du navigateur (F12 sous chrome) et regarde si cette ligne est affichée ! 
         $('#js_alert_success').css({'display' : 'block'});
	  setTimeout(function(){
		$('#js_alert_success').css({'display' : 'none'});
		$('#email').val("");
		$('#name').val("");
		$('#firstname').val("");
	        $('#message').val("");
	}, 3000);
},
error:function(data){
        alert("Erreur ajax :",data.responseText);//cette alerte est affichée ou pas ?
        $('#js_alert_danger').css({'display' : 'block'});
	setTimeout(function(){
		$('#js_alert_danger').css({'display' : 'none'});
		$('#email').val("");
		$('#name').val("");
		$('#firstname').val("");
		$('#message').val("");
	 }, 3000);
}

Bonsoir,

Merci à vous de votre aide, je remplis mon formulaire et je clic sur envoyer et mon formulaire ce remet à blanc comme si il avait envoyer mes je n'ai rien reçu sur mon mail ni d'erreur, et il affiche pas console.log("data success : ",data);.
voici mon code complet :

main.js :

Code:

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
 
$(document).ready(function() {
    // open modal
    $('#open_modal').click(function() {
        $('#modal_to_open').css(
            {
                'display': 'block'
            }
        );
    });
 
    $('#close_modal').click(function() {
        $('#modal_to_open').css(
            {
                'display': 'none'
            }
 
        )
    });
 
    // send email
    $('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			firstname: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
            dataType:"json",
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
         console.log("data success : ",data);//ouvre la console du navigateur (F12 sous chrome) et regarde si cette ligne est affichée ! 
         $('#js_alert_success').css({'display' : 'block'});
	  setTimeout(function(){
		$('#js_alert_success').css({'display' : 'none'});
		$('#email').val("");
		$('#name').val("");
		$('#firstname').val("");
	        $('#message').val("");
	}, 3000);
},
error:function(data){
        alert("Erreur ajax :",data.responseText);//cette alerte est affichée ou pas ?
        $('#js_alert_danger').css({'display' : 'block'});
	setTimeout(function(){
		$('#js_alert_danger').css({'display' : 'none'});
		$('#email').val("");
		$('#name').val("");
		$('#firstname').val("");
		$('#message').val("");
	 }, 3000);
}
		});
	});
});

mail.php

Code:

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
 
<?php
if($_POST){
  $firstname = $_POST['firstname'];
  $email = $_POST['email'];
  $name = $_POST['name'];
  $message = $_POST['message'];
 
  $headers = "MIME-Version: 1.0\r\n";
  $headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
  $headers .= "From: $name <$email>\r\nReply-to : $name <$email>\nX-Mailer:PHP";
 
  $subject="Infos";
  $destinataire="cdevl3749@gmail.com";
  $body="$message";
 
  if(mail($destinataire,$subject,$body,$headers)) {
    $response['status'] = 'success';
    $response['msg'] = 'your mail is sent';
  } else {
    $response['status'] = 'error';
    $response['msg'] = 'Something went wrong';
  }
 
  echo json_encode($response);
}
?>