bonjour
J ai crée un formulaire de contact simple et tres basique.
Mon idée simple , lorsque l' on submit le formulaire j effectue une requete ajax via .post qui envoie le message .
Mon souci c est que si il reconnait l evenement .submit ( j ai mis un alert pour vérifier ) celui ci n execute pas le $.post
Voici mon code :
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
 
$(function()
{
 
$("form ").submit(function(e)
{
 
 
nom=$("#nom").val()
email=$("#email").val();
tel=$("#tel").val();
message=$("#message").val();
 
 
$.post("controleur/ctrl_contact.php",{nom:nom,email:email,tel:tel,message:message},function(data)
													{
														if (data['rep']=='O')
														{
															alert("Message Envoyé")
															$("#nom").val("");
															$("#email").val("");
															$("#tel").val("");
															$("#message").val("");
 
														}
														else{
															alert("Message ABANDONNEE...")
														}
													},"json")
 
 
});
 
});
</script>
<div class="D_article">
<article style="width:100%">
 
	<div style="margin-left:950px;color:#08088A"><span>Vous êtes ici : Contact </br></span></div>
	<div style="width:1200px;"><hr></div>
	<br>
 
	<div id="D_result" style="border:0px black solid;width:100%;margin-top:25px;height=100%">
 
	<section id="contact">
 
			<div class="contact-section">
			<div class="section-content">
				<h1 class="section-header"><span class="content-header wow fadeIn " data-wow-delay="0.2s" data-wow-duration="2s" style="color:#000"> Formulaire De Contact</span></h1>
 
			</div>
			<div class="container">
				<form>
					<div class="col-md-6 form-line">
			  			<div class="form-group">
			  				<label for="exampleInputUsername">Votre nom </label>
					    	<input type="text" class="form-control" id="nom" placeholder=" Entrez votre nom">
				  		</div>
				  		<div class="form-group">
					    	<label for="exampleInputEmail">Adresse email</label>
					    	<input type="text" class="form-control" id="email" placeholder=" Entrez votre email">
					  	</div>	
					  	<div class="form-group">
					    	<label for="telephone">Numero de Mobile.</label>
					    	<input type="text" class="form-control" id="tel" placeholder="entrez votre numéro de Téléphone.">
			  			</div>
			  		</div>
			  		<div class="col-md-6">
			  			<div class="form-group">
			  				<label for ="description"> Message</label>
			  			 	<textarea  class="form-control" id="message" placeholder="Entrez votre message"></textarea>
			  			</div>
			  			<div>
								<button  class="btn btn-default submit" id="envoyer"><i class="fa fa-paper-plane" aria-hidden="true"></i>  Envoie du Message</button>
                                     </form>
 
	</section>
</div>