Bloquer un submit

**rvm31** · 20/10/2015, 10h56

bonjour

je fais une verif avant le submit. Quand ce n'est pas bon j'ai bien une alerte, mais quand je clique sur OK de l'alerte, je voudrais revenir à la page formulaire pour corriger, mais le traitement est lancé et j'arrive sur la page demandé par l'action du form.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body >
	<form id="target" action="destination.html">
 
  <input type="checkbox" id="del">
  <input type="submit" value="Go" onclick="return Supprimer()">
</form>
 
 <script type="text/javascript">
  function Supprimer()
{
  if (document.getElementById("del").checked == true) {
    return alert("pas bon ");
   return false;
  }else return true;
 
}
</script>
</html>

**flavors** · 20/10/2015, 11h18

Bonjour.
Tu peux ajouter l'attribut "onsubmit" à ton form

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
form id="target" action="destination.html" onsubmit="return Supprimer(this)"

Selon ce que tu retournes depuis ta fonction "Supprimer" l'action se fait ou non (TRUE = envoie du formulaire, FALSE = rien ne se passe).

PS : Je crois qu'il te manque les attributs "name" sur tes inputs".

**rvm31** · 20/10/2015, 12h57

bonjour

j'ai donc fait ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body >
	<form id="target" action="destination.html" onsubmit="return Supprimer(this)">
 
  <input type="checkbox" id="del">
  <input type="submit" value="Go">
</form>
 
 <script type="text/javascript">
  function Supprimer()
{
  if (document.getElementById("del").checked == true) {
    return alert("pas bon ");
    return false;
  }else return true;
 
}
</script>
</html>

mais j'ai toujours le même problème après OK sur l'alerte redirection du form

PS : Je crois qu'il te manque les attributs "name" sur tes inputs".

merci pour l'info, je teste la fonction sur un bout de page et j'intégrerais ensuite dans autre chose

**flavors** · 20/10/2015, 13h01

Tu as 2 return dans ton if (je ne l'avais pas remarqué dans ton 1er message). Il sort au 1er quand tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
return alert("pas bon ");
//à remplacer par 
alert("pas bon ");

donc ton formulaire ne reçoit pas le "FALSE".

**rvm31** · 20/10/2015, 13h15

ok merci flavors ça fonctionne.

Bloquer un submit

JavaScript

Discussions similaires

Partager

Partager