L'évènement onclick ne fonctionne pas [Résolu]

[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 :

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 :

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 :

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]

Envoyé par 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

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 :

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