Discussion :

[yoyo71]

Bonjour à tous !!

Je viens aujourd'hui solliciter votre aide après avoir beaucoup chercher sur google mais en vain.
Mon problème concerne la validation d'un formulaire à l'aide d'un script javascript.

Mon formulaire offre deux options au début, lorsque l'on en a choisit une on clique sur un premier bouton submit "OK" et le reste du formulaire s'affiche alors avec des champs à remplir. Tout en bas s'affiche un deuxieme bouton submit "VALIDER" pour valider la saisie.
J'ai donc écris un script pour controller que mes champs ne soit pas vides mais voila le script ne permet pas de pouvoir changer d'option ( en cliquant donc sur "OK" ) tant que je ne rempli pas tous mes champs.

En fait je cherche à lancer mon script seulement si je clique sur mon bouton "valider" et non sur le premier bouton "OK". Etant donné que les deux boutons submit sont contenus dans le même formulaire qui lui même contient l'attribut onSubmit="return valid()" ( donc si le script renvoie false, le formulaire ne se lance pas->ce que je souhaite ) je ne sais pas si c'est possible...

Auriez vous une solution ?

Merci bcp d'avance :p

[julien.63]

salut,
Peux-tu poster ton code s'il te plait ?
Si il est long, met seulement ce qui pose problème.

une piste d'ores et déjà, tu peux peut être utiliser un button au lieu d'un submit pour le premier bouton (OK).

[Jumano]

Pourquoi ne pas créer deux formulaires différents ?

[yoyo71]

Voila mon code, pour répondre à ta question jumano je ne peux pas détacher les elements dans deux formulaires différents car lorsque je clique sur un deuxieme bouton submit ( après avoir fait mon choix d'opération ) le premier formulaire se réinitialise et je dois recommencer à faire un choix...

Quand au bouton "button" il faut spécifier l'attribut "type" qui ne peut etre que de nature submit dans mon cas -> ce qui reviens donc au même :p

FICHIER COMPTA.PHP

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<p class="texte">Vous êtes sur la page comptabilité, que voulez vous faire ? :</p>
<br/>
<br/>
<br/>
 
<script type="text/javascript" language="Javascript" >
 
 
 
	function verification()
	{
	 if(document.formulaire.sujet_operation.value == "")  {
	   alert("Veuillez entrer une description pour l'opération svp");
	   document.formulaire.sujet_operation.focus();
	   return false;
	  }
 
	 if(document.formulaire.cout_operation.value == "") {
	   alert("Veuillez donner la valeur du coût de l'opération ( =0€ si elle n'a rien coûtée ) ");
	   document.formulaire.cout_operation.focus();
	   return false;
	  }
 
	 if(document.formulaire.recette_operation.value == "") {
	   alert("Veuillez entrer la valeur de la recette de l'opération (=0€ si elle n'a rien rapportée ) ");
	   document.formulaire.recette_operation.focus();
	   return false;
	  }
 
	  if(document.formulaire.recette_service.value == "") {
	   alert("Veuillez entrer la valeur de la recette de service (=0€ si elle n'a rien rapportée ) ");
	   document.formulaire.recette_service.focus();
	   return false;
	  }
 
	   if(document.formulaire.jour_operation.value == "")  {
	   alert("Veuillez entrer le jour de l'opération");
	   document.formulaire.jour_operation.focus();
	   return false;
	  }
 
	   if(document.formulaire.mois_operation.value == "")  {
	   alert("Veuillez entrer le mois de l'opération");
	   document.formulaire.mois_operation.focus();
	   return false;
	  }
 
	return true
	}
 
 
	</script>
 
 
<table>
<tr>
<td>
 
	<form method="post" action="" name="formulaire" onSubmit="return verification()">
 
	<input type="radio" name="choix_action" value="consulter" <?php echo actionParDefaut('consulter'); ?> /> Consulter mes Opérations
	<input type="radio" name="choix_action" value="ajouter" <?php echo actionParDefaut('ajouter'); ?> /> Ajouter une Opération
 
	<input name="choix" type="submit" value="OK" />
	<br/>
	</form>
</td>
</tr>
 
<tr>
<td>
 
	<?php
                
        if (isset($_POST['choix_action'])){
                $choix=$_POST['choix_action'];
                if ($choix=="consulter"){
                
                        include("./compta_consulter.php");
                }
                elseif($choix=="ajouter"){
                
                        include("./compta_ajouter.php");
                }
                
        }               
        ?>
	</form>
</td>
</tr>
 
</table>

FICHIER COMPTA_AJOUTER.PHP (extrait)

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
 
<?php
if( $_POST['choix_ajouter']=="EVENEMENT" or isset($_POST['choix_restauration'])){ // On affiche le reste du formulaire que si on a validé toutes les listes déroulantes
        ?>
<tr>
<td>
Description  :
<br/>
<textarea name="sujet_operation" rows="1" cols="30"></textarea>
</td>
</tr>
<br/>
<br/>
<br/>
		<input type="submit" name="validation" value="VALIDER" s />
		<input type="reset" value="ANNULER" />
<?php
}
?>

[Jumano]

Essayes ceci et tu auras deux formulaires séparés :

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
30
31
32
 
<body>
<p class="texte">Vous êtes sur la page comptabilité, que voulez vous faire ? :</p>
<br/>
<br/>
<br/>
<form method="get" action="" name="formulaire_choix">
 
<input <?php if (!(strcmp($_GET['choix_action'],"consulter"))) {echo "checked=\"checked\"";} ?> type="radio" name="choix_action" value="consulter" /> Consulter mes Opérations
<input <?php if (!(strcmp($_GET['choix_action'],"ajouter"))) {echo "checked=\"checked\"";} ?> type="radio" name="choix_action" value="ajouter" /> Ajouter une Opération
<input name="choix" type="submit" value="OK" />
</form>
 
<form method="post" action="" name="formulaire" onSubmit="return verification();">
	<?php
                
        if (isset($_GET['choix_action'])){
                $choix=$_GET['choix_action'];
                if ($choix=="consulter"){
                
                        include("./compta_consulter.php");
                }
                elseif($choix=="ajouter"){
                
                        include("./compta_ajouter.php");
                }
                
        }               
        ?>
</form>
 
</body>

[yoyo71]

YEEEEEEEEEEEEEEEEESSSSSSSSSSS merci ça marche niquel !!!!!

Vraiment merci bcp tu m'enleve une épine du pied la ^^