[JS-PHP] formulaire

Version imprimable

02/03/2008, 10h02
yoyo71

[JS-PHP] formulaire

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
02/03/2008, 10h06
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).
02/03/2008, 10h06
Jumano

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

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

Citation:

FICHIER COMPTA.PHP

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

Citation:

FICHIER COMPTA_AJOUTER.PHP (extrait)

Code:

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
}
?>

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

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

02/03/2008, 23h14
yoyo71

YEEEEEEEEEEEEEEEEESSSSSSSSSSS merci ça marche niquel !!!!!

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