Je confirme que ma confirm confirme tout

Version imprimable

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:

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! :hola:
Merki d'avance!

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

Code:

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>

jour

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

Code:

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>

Bon, merci a vous :king:
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:

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é ... 8O
je vais quand même faire quelques essais avant de résoudre le sujet

Bonsoir,

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

Code:

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é.

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

Code:

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>

16/11/2016, 10h27
zugolin

Merci spacefrog, ce dernier script fonctionne ! :bravo:
les conditions, return, true, false etc... tout ça est plus délicat qu'en php !
...par-ce que plus puissant aussi ....

pour eleydet, le resultat est:
checked=> on envoi
non checked => avertissement => ok, j'envoie quand même // oups, je vais revoir ça, j'annule et je reste

c'est une option, alors, je ne l'impose pas (non checked); mais, comme elle a son importance, je veux être sur que le visiteur l'a bien prise en compte
16/11/2016, 18h39
melka one

pour le fun

https://jsfiddle.net/gnbhydh9/3/

Bonsoir,

Les solutions basées sur e.preventDefault(); sont très élégantes! Sinon, en reprenant mon idée, cela peut donner le code ci-dessous. Je ne sais pas quelle solution est la meilleure.

Code:

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>
<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) {
        if (confirm("Pas d'assurance")) document.id_chx_exp.submit();
        else alert("Pas de changement...");
      }
      else document.id_chx_exp.submit();
    }
  </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>