[JS] confirm() pour bloquer le submit
Mr.White
Messages postés
252
Statut
Membre
-
alino-91 -
alino-91 -
Bonjour,
Je travail sur une admin et j'aimerai ajouter la fonctionnalité suivant à mes bouton submit supprimer:
En cliquant sur le bouton supprimer, un message vient demander confirmation. Si l'utilisateur annul alors il il faut que rien ne se passe, il faut annuler l'envoi du formulaire, ce que je n'arrive pas à faire.
l'en-tête du formulaire:
le bouton submit :
la fonction js dans mon fichier fonction.js :
Bon. Voila, je suis un peu pommer.
En résumer quand je clique sur supprimer -> Etes vous sure ? oui / non :
-> Si oui on soumet le formulaire
-> Si non, on ne soumet pas le formulaire.
Voila merci ;o)
Je travail sur une admin et j'aimerai ajouter la fonctionnalité suivant à mes bouton submit supprimer:
En cliquant sur le bouton supprimer, un message vient demander confirmation. Si l'utilisateur annul alors il il faut que rien ne se passe, il faut annuler l'envoi du formulaire, ce que je n'arrive pas à faire.
l'en-tête du formulaire:
<form id="MAJ" action="#" method="post">
le bouton submit :
<input type="submit" name="submit" value="Supprimer" onclick="confirmation();">
la fonction js dans mon fichier fonction.js :
function confirmation(){
if(confirm("Vous êtez sur le point de supprimer des informations ! Etes vous sûre de vouloir continuer ?")){
document.getElementById(MAJ).submit();
}
else{
// Ne pas soumettre le formulaire
break;
}
}
Bon. Voila, je suis un peu pommer.
En résumer quand je clique sur supprimer -> Etes vous sure ? oui / non :
-> Si oui on soumet le formulaire
-> Si non, on ne soumet pas le formulaire.
Voila merci ;o)
A voir également:
- [JS] confirm() pour bloquer le submit
- Bloquer pub youtube - Accueil - Streaming
- Bloquer sur messenger - Guide
- Comment savoir si on est bloqué sur Messenger ou Facebook ? - Guide
- Bloquer cellule excel - Guide
- Bloquer un contact sur whatsapp - Guide
8 réponses
Ho mon dieu, c'est quoi cette méthode ?? Ôo
L'événement onsubmit d'un formulaire est là pour ça !
L'événement onsubmit d'un formulaire est là pour ça !
<form action="page2.html" method="post" onsubmit="return sure()">
<input type="text"/>
<input type="submit" value="ok"/>
</form>
<script>
function sure(){
return confirm("T'es sur ??");
}
</script>
j'ai un début de solution que j'ai adapter à mes scripts si tu veux :
1erement j'ai utilisé la Methode 'GET' pour envoyé mes données à la P. suivante, je n'ai pas trouvé d'autres Alternative [ enfin j'ai pas cherché non plus =) )
Alors voilà ce que je te propose :
1-
2- la fonction js :
j'te donne un exemple complet:
dans ne messagerie interne une confirmation pour supprimer le message que nous lisons :
et donc dans ma page 'Lire.php' je récupère l'Id du message et la Valeur '1' de la variable DeleteMessage pour confirmer la suppression !
En espérant que tout ça t'aide =)
1erement j'ai utilisé la Methode 'GET' pour envoyé mes données à la P. suivante, je n'ai pas trouvé d'autres Alternative [ enfin j'ai pas cherché non plus =) )
Alors voilà ce que je te propose :
1-
<input type='button' value='Valider' onClick="return verif()"/>
2- la fonction js :
<script>
function verif(){
check = confirm('Êtes-vous sûr de ... ?')
if(check==true){window.open("Lien_de_la_page?Attribut_à_envoyer","_self")}
}
</script>
j'te donne un exemple complet:
dans ne messagerie interne une confirmation pour supprimer le message que nous lisons :
<script>
function verif(){
check = confirm('Êtes-vous sûr de vouloir supprimer ce message ?')
if(check==true){window.open("Lire.php?DeleteMessage=1&id=<?php echo $idMess?>","_self")}
}
</script>
et donc dans ma page 'Lire.php' je récupère l'Id du message et la Valeur '1' de la variable DeleteMessage pour confirmer la suppression !
En espérant que tout ça t'aide =)
Ci-dessous un exemple qui répond à la question initiale :
<html>
<head>
<SCRIPT type="text/javascript">
function confirmMessage() {
if (confirm("Voulez-vous send le formulaire ?")) { // Clic sur OK
document.getElementById("myForm").submit();
}
}
</SCRIPT>
</head>
<body>
<FORM id="myForm" method="post" action="a.htm" >
<INPUT type="button" value="Valider" onClick="confirmMessage();">
</FORM>
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Je vient compléter de suite un peu.
Je cherche également sur une methode du style :
Remplace le submit par un bouton. Comme ca il ne soumet pas de formulaire et si on répond oui à la question c'est le js qui se charge de soumettre le formulaire.
code js :
En tête formulaire :
le bouton supprimer :
Mais j'ai une erreur :
erreur : document.getElementById(MAJ) has no properties
sur cette ligne :
J'ajoute que le nom de bouton et sa valeur ne doive pas changer car tout mes codes d'espace admine son déjà fait.
Je cherche également sur une methode du style :
Remplace le submit par un bouton. Comme ca il ne soumet pas de formulaire et si on répond oui à la question c'est le js qui se charge de soumettre le formulaire.
code js :
function confirmation(){
if(confirm("Vous êtez sur le point de supprimer des informations ! Etes vous sûre de vouloir continuer ?")){
document.getElementById(MAJ).submit();
}
}
En tête formulaire :
<form id="MAJ" action="#" method="post">
le bouton supprimer :
<input type="button" name="submit" value="Supprimer" onclick="confirmation();">
Mais j'ai une erreur :
erreur : document.getElementById(MAJ) has no properties
sur cette ligne :
document.getElementById(MAJ).submit();
J'ajoute que le nom de bouton et sa valeur ne doive pas changer car tout mes codes d'espace admine son déjà fait.