Discussion :

[beegees]

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

[SpaceFrog]

tu as un form ou pas ?

si c'est le cas passe plutot par le submit du form au lie du click sur le botuon

[beegees]

tu as un form ou pas ?

si c'est le cas passe plutot par le submit du form au lie du click sur le botuon

Bonjour SapceFrog,

Merci pour ta réponse.

Je n'ai pas de form.

En fait, j'ai mis mon code jquery dans une fonction.

Cette fonction est appelée dans le function.ready().

ça semble fonctionner.

Merci pour ton aide.

beegees

[SpaceFrog]

oui beegees pour initialise les évènements de tes objets il faut le faire dans une fonction qui se lance après le chargement de la page

Code :

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

1
2
3
4
 
$(function(){
.../...
})

voir:
http://www.developpez.net/forums/d89...y/#post5094379

[beegees]

Exactement Spaffey.

Par contre, j'ai d'autre soucis.

Merci pour ton aide

beegees