Forum d'entraide PHPFrance

bonjour,

j'ai plusieurs boites modal sur ma page.

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

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

qui fait appel à

$(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 ?

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.

Forum d'entraide PHPFrance

[RESOLU] AJAX, modal et envoi form

AJAX, modal et envoi form

Re: AJAX, modal et envoi form