Rechercher : dans
Par :

Annuler le submit d'un form en javascript

Dernière réponse le 7 jui 2009 à 21:21:41 -syroz-, le 6 jui 2009 à 20:12:30 
 Signaler ce message aux modérateurs

Bonjour à tous,

j'explique mon problème. J'ai un tableau de forms. Un seul form par joueur (par ligne) et deux boutons submit (Modifier et Supprimer) par form. Le bouton modifier marche très bien, mais pour le bouton supprimer, je demande une confirmation avant de supprimer le joueur de la basse de données. Je donne le même nom (action) à mes deux boutons pour faciliter le traitement en PHP.

J'aimerais annuler la soumission de mon form si l'usager clique sur "annuler" lors de la corfirmation de la suppression. Cependant, il m'est impossible de mettre le bouton de suppression comme button au lieu de submit puisque j'ai besoin de sa valeur dans $_POST lors de mon traitement PHP. Ce que je chercher est un facon en javascript d'annuler l'envoie de mon formulaire si l'usager clique sur annuler.

Voici les parties importantes de mon code:


Échantillon de mes forms

<form id="Olivier Beaulieu" name="Olivier Beaulieu" method="post" action="?page=joueurs">
   <table width="500" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td width="0"><input type="hidden" name="idJoueur" value="68" /></td>
         <td width="150">Beaulieu</td>
         <td width="150">Olivier</td>
         <td width="100"><input type="submit" name="action" id="modifier" value="Modifier" /></td>
         <td width="100"><input type="button" name="action" id="supprimer" value="Supprimer" onclick="deleteConfirm('Olivier Beaulieu');"/></td>
      </tr>
   </table>
</form>


Ma fonction deleteConfirm(unNom)
function deleteConfirm(objet) {
	var form = document.getElementById(objet);
	if(!confirm("Voulez-vous supprimer " + objet + " de la base de donnees?")){
		C'est ici que j'ai besoin de votre aide (Empêcher le form de submit)
	}
}
Configuration: Windows XP
Firefox 3.0.11

Meilleures réponses pour « Annuler le submit d'un form en javascript » dans :
[Windows] File d'impression bloquée malgré une annulation VoirSous Windows, il peut s'avérer que la file d'attente des travaux en cours d'impression soit figée à cause d'un travail d'impression bloqué et que ni l'annulation de ce travail, ni la purge de la file d'attente ne résolve le problème. Dans ce genre...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - La notion d'objet VoirNotion d'objet Le but de cette section n'a pas pour ambition de traîter de la programmation orientée objet mais de donner une idée de ce qu'est un objet, concept nécessaire à la création de scripts Javascript. Le Javascript traite les éléments qui...
Javascript - les boîtes de dialogue VoirQu'est-ce qu'une boîte de dialogue? Une boîte de dialogue est une fenêtre qui s'affiche au premier plan suite à un événement, et qui permet Soit d'avertir l'utilisateur Soit le confronter à un choix Soit lui demander de compléter un champ pour...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

1

zoubiock, le 7 jui 2009 à 16:51:32

Est-ce que quelque chose comme comme ça ne fonctionnerait pas mieux?
(En gros, tu gardes ton boutton supprimer en "button", mais si l'utilisateur choisit de supprimer l'élément alors seulement, tu génères le submit par le code javascript)

Échantillon de mes forms


<form id="Olivier Beaulieu" name="Olivier Beaulieu" method="post" action="?page=joueurs">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="0"><input type="hidden" name="idJoueur" value="68" /></td>
<td width="150">Beaulieu</td>
<td width="150">Olivier</td>
<td width="100"><input type="submit" name="action" id="modifier" value="Modifier" /></td>
<td width="100"><input type="button" name="action" id="supprimer" value="Supprimer" onclick="deleteConfirm('Olivier Beaulieu');"/></td>
</tr>
</table>
</form>

Ma fonction deleteConfirm(unNom)
function deleteConfirm(objet) {
var form = document.getElementById(objet);
if(confirm("Voulez-vous supprimer " + objet + " de la base de donnees?")){
form.submit();
}
}

Répondre à zoubiock

2

 -syroz-, le 7 jui 2009 à 21:21:41

Bonjour zoubiock,

merci pour ta réponse, mais malheureusement, comme j'ai dit dans mon premier post, j'ai besoin du Value de mon bouton supprimer dans mon $_POST (ce qui ne semble pas se faire si j'utilise seulement un "button")

Répondre à -syroz-
Collection CommentÇaMarche.net