Bonjour tout le monde,

J'ai un formulaire de contact avec 3 inputs (Nom, prénom et message) et deux boutons (effacer et envoyer).

En voici le code :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div class="ligne_form_comm">
  <div class="labels" >Message * :</div>
    <textarea name="commentaire" cols="20" rows="8"> </textarea>
    <div id="valid">
      <input type="reset" name="Reset" value=" Effacer">
      <input type="submit" name="envoi" id="bouton_envoi" value="Envoyer" >
    </div>
  </div>
Je voudrais utiliser ce code trouvé sur Internet :

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
$("#bouton_envoi").click(function()
		{
			var hasError = false;
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
 
			var emailToVal = $("#votremail").val();
			if(emailToVal == '')
			{
				$("#votremail").after('<p class="erreur">Votre e-mail n\'est pas valide.</p>');
				hasError = true;
			}
			else if(!emailReg.test(emailToVal))
			{	
				$("#votremail").after('<p class="erreur">Votre e-mail n\'est pas valide.</p>');
				hasError = true;
			}
 
			var messageVal = $("#message").val();
			if(messageVal == '')
			{
				$("#message").after('<p class="erreur">Veuillez entrer un message !</p>');
				hasError = true;
			}
 
 
			if(hasError == false)
			{
				$(this).hide();
 
				$.post("includes/send_mail.php",
	   				{ emailTo: emailToVal, message: messageVal },
	   					function(data){
							$("#submit").before('<p class="info">Votre message a bien été envoyé ! Je vous répondrai le plus rapidement possible.</p>');
							(".erreur").hide();
	   					}
					 );
				(".info").fadeOut("8000");
			}
 
			return false;
		});
L'évènement onclick ne s'enclenche pas

J'ai pourtant tester la présence de jquery, ça fonctionne :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!-- au cas ou jquery n'est pas dispo via le serveur de google.  ON peut aussi verfier que jquery fonctionne en metant if(jquery) -->
<script>
if (jQuery) {
    alert('JQUERY FONCTIONNE');
}
J'obtiens bien l'alerte pour me dire que jquery fonctionne.

Par contre, je clic sur mon bouton, rien ne se passe.

Merci d'avance pour votre aide et bon dimanche.

beegees