Afficher un modal apres la confirmation d'envoi d'un formulaire
Fermé
hermann_k
Messages postés
1
Date d'inscription
lundi 12 novembre 2018
Statut
Membre
Dernière intervention
12 novembre 2018
-
12 nov. 2018 à 08:44
Zero - 14 nov. 2018 à 15:26
Zero - 14 nov. 2018 à 15:26
A voir également:
- Afficher un modal apres la confirmation d'envoi d'un formulaire
- Confirmation de lecture whatsapp - Guide
- Formulaire de réclamation facebook - Guide
- Confirmation de lecture gmail - Guide
- Programmer l'envoi d'un sms - Guide
- Afficher mot de passe wifi android - Guide
2 réponses
jordane45
Messages postés
38314
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
12 nov. 2018 à 08:47
12 nov. 2018 à 08:47
Bonjour
Il faudrait le code entier de ta page que l'on sache où et dans quel ordre sont placées les instructions
Il faudrait le code entier de ta page que l'on sache où et dans quel ordre sont placées les instructions
Hello !
Je te conseille de passer par de l'ajax avec jQuery.
Il faudra que tu changes le type du bouton de la modal formulaire en type="button" et le form.
le bout de JS à adapter :
Cdt.
Je te conseille de passer par de l'ajax avec jQuery.
Il faudra que tu changes le type du bouton de la modal formulaire en type="button" et le form.
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Contactez nous</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Fermer"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form id="form"> <div class="form-row"> <div class="form-group col-md-6"> <label for="name">Nom</label> <input type="text" class="form-control" id="name" name="nom"> </div> <div class="form-group col-md-6"> <label for="email" required="required">Email<span style="color:#ff0000;">*</span></label> <input type="email" class="form-control" id="email" name="email"> </div> </div> <div class="form-group"> <label for="sujet">Sujet</label> <input type="text" class="form-control" name="sujet"> </div> <div class="form-group"> <label for="message-text" required="required">Message<span style="color:#ff0000;">*</span></label> <textarea class="form-control" required="required" name="message" id="message-text"></textarea> </div> <button type="button" name="submit" value="envoyer" class="btn btn-primary">Envoyer</button> </form> </div> </div> </div> </div>
le bout de JS à adapter :
$(document).ready(function() { $('#Modal button:last').click(function() { $.ajax({ url: 'traitements.php', type: 'POST', data: $('#form').serialize(), success: function(data){ $('#Modal').modal('toggle'); $('#Merci').modal(); } }); }); });
Cdt.