(document).ready(function(){ $("#form form").submit(function(){ var action = $(this).attr('action'); var nom = $('#nom').val(); $(".messages").slideUp('800', function(){ $.ajax({ url : action , data : "?nom="+nom, type : 'POST', dataType : 'html', success : function(reponse){ alert(reponse); }, error : function(resultat, statut, erreur){ alert(erreur + " - " + resultat); } }); }); });
(document).ready(function(){ $("#form form").submit(function(){ alert("Submit du formulaire !"); var action = $(this).attr('action'); var nom = $('#nom').val(); $(".messages").slideUp('800', function(){ alert("slideUp fini"); $.ajax({ url : action , data : "?nom="+nom, type : 'POST', dataType : 'html', success : function(reponse){ alert(reponse); }, error : function(resultat, statut, erreur){ alert(erreur + " - " + resultat); } }); }); });
<input type="submit" value="Envoyer">
<input type="button" id="valider" value="Envoyer">
$("#valider").click(function(){
<?php echo "<div class=\"error\">Veuillez remplir le formulaire</div>"; ?>) , il m'affiche : Veuillez remplir le formulaire"; ?>
$(document).ready(function(){ $("#valider").click(function(){ var action = $("#form form").attr('action'); var nom = $('#nom').val(); $(".messages").slideUp('800', function(){ $('#valider').hide().after('<img src="chargement.gif" class = "chargement">'); $.ajax({ url : action , data : "?nom="+nom, type : 'POST', dataType : 'html', success : function(reponse){ $(".messages").html(reponse); $(".messages").slideDown('slow'); $(".chargement").fadeOut(); $('#valider').fadeIn(); }, error : function(resultat, statut, erreur){ alert(erreur + " - " + resultat); } }); }); return false; }); });
$(document).ready(function(){ $("#valider").click(function(){ alert("J'ai cliqué sur le bouton !"); var action = $("#form form").attr('action'); var nom = $('#nom').val(); $(".messages").slideUp('800', function(){ alert("slideup terminé !"); $('#valider').hide().after('<img src="chargement.gif" class = "chargement">'); $.ajax({ url : action , data : "?nom="+nom, type : 'POST', dataType : 'html', success : function(reponse){ alert("reponse"); $(".messages").html(reponse); $(".messages").slideDown('slow'); $(".chargement").fadeOut(); $('#valider').fadeIn(); }, error : function(resultat, statut, erreur){ alert(erreur + " - " + resultat); } }); }); return false; }); });
$(".messages").html(reponse);ne fonctionne pas.. c'est que tu as un souci dans ton script PHP et non plus dans ton javascript...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<?php echo "<div class=\"error\">Veuillez remplir le formulaire</div>"; ?>
<div id="form"> <div class="messages"> </div> <form action="inscription_2.php"> <p> <label for="nom">Nom</label> <input type="text" name="nom" id="nom"> </p> <p> <input type="button" id="valider" value="Envoyer"> </p> </form> <script type="text/javascript"> $(document).ready(function(){ console.log ("************ Document READY ************"); $("#valider").click(function(){ console.log("J'ai cliqué sur le bouton !"); var action = $("#form form").attr('action'); var nom = $('#nom').val(); $(".messages").slideUp('800', function(){ console.log("slideup terminé !"); $('#valider').hide().after('<img src="chargement.gif" class = "chargement">'); $.ajax({ url : action , data : "?nom="+nom, type : 'POST', dataType : 'html', success : function(reponse){ console.log ("reponse"); $(".messages").html(reponse); $(".messages").slideDown('slow'); $(".chargement").fadeOut(); $('#valider').fadeIn(); }, error : function(resultat, statut, erreur){ alert(erreur + " - " + resultat); } }); // Fin AJAX }); // Fin SlideUp }); // Fin click // Fin document ready }); </script>