L'évènement onclick ne fonctionne pas
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