Création
d'entreprise
Posez votre question Signaler

[JS] confirm() pour bloquer le submit

Mr.White 242Messages postés 24 avril 2003Date d'inscription 25 mai 2012Dernière intervention - Dernière réponse le 6 janv. 2012 à 13:45
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:
<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)
Lire la suite 

[JS] confirm() pour bloquer le submit »

8 réponses
Réponse
+6
moins plus
Ho mon dieu, c'est quoi cette méthode ?? Ôo

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>
Ajouter un commentaire
Réponse
+3
moins plus
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-
<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 =)
Ajouter un commentaire
Réponse
+0
moins plus
Personne n'a d'idée ???

Pourtant j'avais l'impression que la solution devait être simple. Personne de demande de validétion par l'utilisateur avant de soumettreun formulaire qui va supprimer des enregistrement de la BDD ?
Ajouter un commentaire
Réponse
+0
moins plus
I had the same problem.

Thank You for solution koke_luche!
Ajouter un commentaire
Réponse
+0
moins plus
document.getElementById('MAJ').submit();
Ajouter un commentaire
Réponse
+0
moins plus
document.forms('Ta_forme').submit();
Ajouter un commentaire
Réponse
+0
moins plus
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>
Ajouter un commentaire
Réponse
-1
moins plus
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 :
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.
Ajouter un commentaire
Ce document intitulé « [JS] confirm() pour bloquer le submit » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?