Discussion :

[edgeophy]

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 :

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

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

[olivieram]

Code :

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

1
2
 
		valider = true ;

merci d'avance pour vos suggestions

Pop pop...

Code :

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

1
2
 
		var valider = true ;

[edgeophy]

erreur corrigé !!!

[SpaceFrog]

delay()

[edgeophy]

Code :

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

1
2
 
delay() ???

[danielhagnoul]

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 :

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

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 :

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
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;
});

[edgeophy]

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

[danielhagnoul]

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

[edgeophy]

ok , Merci pour tes suggestions ,