[RESOLU] AJAX, modal et envoi form

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] AJAX, modal et envoi form

Re: AJAX, modal et envoi form

par damien_55 » 26 févr. 2013, 14:00

Aprés différents tests, j'obtiens un truc comme ça

Code : Tout sélectionner

<button type="submit" class="btn btn-primary" id="envoi-form1">Envoyer</button> <button type="submit" class="btn btn-primary" id="envoi-form">Envoyer</button>
et

Code : Tout sélectionner

<script language="JavaScript"> $(document).ready(function() { $('#envoi-form').click(function(){ var subject = $('#subject').val(); var send_user = $('#send_user').val(); var receive_user = $('#receive_user').val(); var message = $('#message').val(); $.ajax({ type: "POST", url: "comm/envoi-message.php", cache: false, async: false, data: "subject=" + subject + "&send_user=" + send_user + "&receive_user=" + receive_user + "&message=" + message, success: function(retour1) { $('#confirm-message').load('comm/confirm-message.php'); } }); }); }); </script> <script language="JavaScript"> $(document).ready(function() { $('#envoi-form1').click(function(){ var subject = $('#subject').val(); var send_user = $('#send_user').val(); var receive_user = $('#receive_user').val(); var message = $('#message').val(); $.ajax({ type: "POST", url: "comm/envoi-message.php", cache: false, async: false, data: "subject=" + subject + "&send_user=" + send_user + "&receive_user=" + receive_user + "&message=" + message, success: function(retour) { $('#confirm-message1').load('comm/confirm-message.php'); } }); }); }); </script>
C'est parfaitement fonctionnel.

Le probleme est que j'aimerai serialize ça,

étant donné que mon formulaire est généré par une boucle foreach, j'aimerai un seul script javascript.

AJAX, modal et envoi form

par damien_55 » 26 févr. 2013, 02:19

bonjour,

j'ai plusieurs boites modal sur ma page.

j'ai un bouton sur chaque qui utiise la meme fonction,

Code : Tout sélectionner

<button type="submit" class="btn btn-primary" id="envoi-form">Envoyer</a> </div>
qui fait appel à

Code : Tout sélectionner

$(document).ready(function() { $('#envoi-form').click(function(){ var subject = $('#subject').val(); var send_user = $('#send_user').val(); var receive_user = $('#receive_user').val(); var message = $('#message').val(); $.ajax({ type: "POST", url: "comm/envoi-message.php", cache: false, async: false, data: "subject=" + subject + "&send_user=" + send_user + "&receive_user=" + receive_user + "&message=" + message, success: "Votre message a été envoyé." }); }); });
Le soucis est que seule mon premier form envoi les données a ma bdd.

Les autres ne fonctionnent pas.

J'ai mis volontairement les meme code a "submit" de toutes mes boites qu'elle font appellent a la fonction.

Quelqu'un a une idée ?