Je confirme que ma confirm confirme tout

**zugolin** · 15/11/2016, 09h46

Bonjours à tous!
J'ai un piti problème de boite confirm qui me valide mon formulaire quoique je fasse ;
Ok ou annuler, je pars quand même sur l'autre page....

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
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>test1</title>
</head>
<body>
<form id="frm_nm_chx_exp" name="id_chx_exp"  
		action="test_bt2.html" method="post" target="_blank" >
  <input type="checkbox" id="id_ass_oui"/>
  <input type="hidden" id="autre"/>
  <input type="submit" name="" value="valider" onClick="if(document.getElementById('id_ass_oui').checked == false)
         { confirm('Pas d assurance'); return true; } else {return false; }"/> 
  </form>
</body>
</html>

A force de chercher, je ne sais plus si c'est lié a un problème de parenthèse/accolade ou bien si c'est en rapport avec mon fom action="test_bt2.html" qui part quand même et qui ne devrait pas être là ...?

Un petit coup de main serait la bienvenue!

Merki d'avance!

**SpaceFrog** · 15/11/2016, 10h21

Il est préférable de passer par le onsubmit du form ...
et RETOURNER le confirm

Code :

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

1
2
3
4
5
6
7
 
<form id="frm_nm_chx_exp" name="id_chx_exp"  action="test_bt2.html" method="post" target="_blank"  onsubmit="if(document.getElementById('id_ass_oui').checked == false)
         { return confirm('Pas d assurance')} else {return false; }" >
  <input type="checkbox" id="id_ass_oui"/>
  <input type="hidden" id="autre"/>
  <input type="submit" name="" value="valider"/> 
</form>

**melka one** · 15/11/2016, 10h30

jour

et il est aussi preferable de ne pas mettre du code dans le html et d'utiliser preventDefault()

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
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
 
  function une_fonction(e){
 
	if(!document.getElementById('id_ass_oui').checked){ 
 
		var choix=confirm('Pas d assurance')
 
		if(!choix){
 
		e.preventDefault()
		}
       }
  }
 </script>
</head>
<body>
<form id="frm_nm_chx_exp" name="id_chx_exp"  
		action="test_bt2.html" method="post" target="_blank" >
  <input type="checkbox" id="id_ass_oui"/>
  <input type="hidden" id="autre"/>
  <input type="submit" name="" value="valider" onClick="une_fonction(event)"/> 
  </form>
</body>
</html>

**zugolin** · 15/11/2016, 14h51

Bon, merci a vous

j'ai pris la solution 2, car la 1 ne validait pas (le checkbox validé n'ouvre pas la page ) , mais ce n'est pas grave...

Code html :

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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
  function bad_ass(e){ 
        if(!document.getElementById('id_ass_oui').checked){ 
                var choix=confirm('OK si vous ne voulez pas d assurance, sinon, annuler.')
                if(!choix){ e.preventDefault()  }   }  }
 </script>
</head>
<body>
<form id="frm_nm_chx_exp" name="id_chx_exp" action="test_bt2.html" method="post" target="_blank" >
<input type="checkbox" name="ass_oui" id="id_ass_oui" />  
<input type="hidden" id="autre"/>
  <input type="submit" name="" value="valider" onClick="bad_ass(event)" /> 
  </form>
</body>
</html>

par contre, en test ça fonctionne, mais pas en réel ...
je pense que c'est du au fait que mon form est imbriqué dans un "table"
en recuperant la source créée, la balise form est refermée automatiquement...
ce qui est bizarre , c'est que sans ce "onclick",le formulaire fonctionne avec le form imbriqué ...

je vais quand même faire quelques essais avant de résoudre le sujet

**eleydet** · 15/11/2016, 19h34

Bonsoir,

Il me semble que j'aurais écrit quelque chose du genre :

Code html :

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
25
26
27
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>test1</title>
  <script>
    function une_fonction(){
      if(document.getElementById('id_ass_oui').checked == false) {
        confirm("Pas d'assurance");
        //return true;
      }
      else {
        document.id_chx_exp.submit();
        //return false;
      }
    }
  </script>
</head>
<body>
<form id="frm_nm_chx_exp" name="id_chx_exp" action="test_bt2.html" method="post" target="_blank" >
  <input type="checkbox" id="id_ass_oui">
  <input type="hidden" id="autre">
  <input type="button" name="" value="valider" onClick="une_fonction();"> 
  </form>
</body>
</html>

Ceci étant, je n'ai pas bien compris quel est le résultat souhaité.

**SpaceFrog** · 16/11/2016, 08h24

Juste pour la validation du concept... Mon script fonctionne ...
https://jsfiddle.net/gnbhydh9/

Code :

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

1
2
3
4
5
6
 
<form id="frm_nm_chx_exp" name="id_chx_exp"  action="test_bt2.html" method="post" target="_blank"  onsubmit=" return ( (document.getElementById('id_ass_oui').checked == false)?  confirm('Pas d assurance') : true )" >
  <input type="checkbox" id="id_ass_oui"/>
  <input type="hidden" id="autre"/>
  <input type="submit" name="" value="valider"/> 
</form>

Je confirme que ma confirm confirme tout

JavaScript

Vue hybride

Discussions similaires

Partager

Partager