Annuler le submit d'un form en javascript
-syroz-
Messages postés
31
Statut
Membre
-
-syroz- Messages postés 31 Statut Membre -
-syroz- Messages postés 31 Statut Membre -
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
Ma fonction deleteConfirm(unNom)
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)
}
}
A voir également:
- Annuler le submit d'un form en javascript
- Mise en forme conditionnelle excel - Guide
- Mise en forme tableau word - Guide
- Annuler offre vinted - Guide
- Telecharger javascript - Télécharger - Langages
- Un agent immobilier a préparé un diaporama pour présenter une maison à vendre. appliquez la mise en forme de la première diapositive à toutes les autres. quel est le code du portail ? ✓ - Forum Powerpoint
2 réponses
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();
}
}
(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();
}
}