afficher un message pendant x secondes en jquery

salut !!!! j'ai un petit soucis avec le bout de code ci-dessous :
l'utilisateur clique sur le bouton envoyer de son formulaire , si tout les champs sont remplis correctement , s'affiche ensuite un message lui disant que ses informations ont été mis jour dans pendant 5 secondes(problème le message ne s'affiche pas).
et depuis je n'arrive pas résoudre le problème voila mon code pour faire simple :
code php

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<?php if(empty($_POST['nom'])) {   echo      '<form action="0.php" method="post"><p>nom</p><input name="nom" type="text" id="nom">           <span class="error-message"></span>           <br>      <input name="" type="submit" value="envoyer" id="envoyer"></form>'  ; } else {          echo  '<div id="message"></div>' ;         } ?>

---

code javascript

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

jQuery(function($){   $("#envoyer").click(function(){ valider = true ;   if ($("#nom").val() === "") { $("#nom").next(".error-message").fadeIn('slow').text("Entrer un nom"); valider = false ; } else {   $("#message").text("test reussi").fadeIn('slow',5000, function() { $(this).fadeOut().empty(); }); } return valider ;   });   })

---

merci d'avance pour vos suggestions

Citation:

---

Envoyé par edgeophy

Code:

---

1 2	valider = true ;

---

merci d'avance pour vos suggestions

---

Pop pop...

Code:

---

1 2	var valider = true ;

---

erreur corrigé !!!

delay()

Code:

---

1 2	delay() ???

---

Bonsoir

Erreurs : il y avait l'absence de "var" et aussi : $("#message").text("test reussi").fadeIn('slow',5000, function() {.

J'ai testé plusieurs variantes, mais je n'ai pas trouvé la solution ! Soit la soumission du formulaire se fait, soit elle ne se fait pas, mais elle n'attend jamais.


[EDIT] J'ai testé plusieurs variantes, et j'ai fini par trouver une solution en passant par un clic sur un bouton ordinaire.

Code:

---

1 2 3 4 5 6 7 8 9

<form id="envoi_mail" method="post"> <p>nom</p> <input id="nom" name="nom" type="text"> <span class="error-message"></span> <br> <input id="envoyer" name="" type="button" value="envoyer"> </form>   <div id="message"></div>

---

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

function sendMail(){ $( "#envoi_mail" ).submit(); };   $( "#envoyer" ).click( function(){ if ( $( "#nom" ).val().length > 0 ){   $( "#message" ) .text( "test reussi" ) .fadeIn( 3000, function(){ $( this ).fadeOut( 3000, function(){ sendMail(); }); });   } else { $( "#nom" ) .next( ".error-message" ) .fadeIn( 800 ) .text( "Entrer un nom" ); }   return false; });

---

est il possible d'afficher le message lorsqu’on a déjà soumis le formulaire ?

Tout dépend du type de transaction AJAX, si vous appelez une autre page avec submit(), c'est impossible.

ok , Merci pour tes suggestions ,