Discussion :

[chipmunkette]

Bonjour j'aimerais savoir comment peut on rendre une listbox obligatoire apres avoir selectionné un item specifique dans une autre listbox juste avant?

Je pense a une condition du genre :

Code :

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

1
2
3
if (label : Type_appel.Selecteditem= central reservation){
label : Orgine_appel is required
}<br><br>

Voici la structure de mes listbox :

Listbox1

Code html :

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

1
2
3
4
5
6
7
8
9
 <p>
        <label>Type de l'appel</label>
                <select name="label:Type_appel" required="true">
                        <option value="">Choisir</option>
                        <option value="Central reservation">Central de R&eacuteservation</option>
                        <option value="Administration">Administration</option>
            <option value="Autre">Autre</option>
                </select>
    </p><br><br>

istebox2 qui doit etre obligatoire que quand je choisi central de réservation dans la listebox d'avant.

Code html :

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

1
2
3
4
5
6
7
8
9
10
<p>
        <label>Origine de l'appel</label>
        <select name="label:Origine_appel">
                        <option value="none">Choisir</option>
                        <option value="Reunion">R&eacuteunion</option>
                        <option value="Allemagne">Allemagne</option>
            <option value="Metropole">M&eacute;tropole</option>
                        <option value="Etranger">&Eacute;tranger</option>
                </select>
    </p>

[SpaceFrog]

passe par un flag boolean ..

[chipmunkette]

C'est a dire ? Comment on fait sa ?

[SpaceFrog]

sur le onchange du premier select verifie la valeur selectionnée


si elle rend l'autre la seconde selection obligatoire met ton flag a true
si non met le flag à false

lors de la soumission du form il ne te reste pls qu'a faire le test sur le flag

Code :

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

1
2
3
4
 
if (flag) {
// ici le test de selectedIndex > -1
}

[chipmunkette]

Tu pourrais me montrer un exemple plus explicite par rapport a mon stp car je n'ai jamais vu cette syntaxe de flag.

JE pense a sa mais je ne crois pas que la syntaxe soit bonne.

Code :

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

1
2
3
4
5
6
7
8
9
function verifvaleur(){
    var selectElmt = document.getElementById(selectId);
    return selectElmt.options[selectElmt.selectedIndex].value;
    var selectValue = getSelectValue('label:Type_appel');
    if(flag){
        selectValue = "Central reservation";
        return true                       
    }
}

[NoSmoking]

Bonjour,
lereturn selectElmt.options[selectElmt.selectedIndex].value; en plein milieu de fonction fera que le code qui suit ne sera pas interprété.

Tu récupères la valeur du 1st SELECT et si non vide alors tu récupères la valeur du 2nd SELECT...etc..

[chipmunkette]

Ou un truc comme sa ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
     <script type="text/javascript">
                function verifvaleur(){
                     var flag = true
                     if( ?.label:Type_appel.value !='Central reservation'){
                         flag = false
                    }
                    else{
                        //champ  label :Origine_appel obligatoire
 
                    }
                }
              </script>

[SpaceFrog]

Code :

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

   if( ?.label:Type_appel.value !='Central reservation'){

c'est du js ça ?

[chipmunkette]

Bonjour voici la correction du code javascript

Code :

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

1
2
3
4
5
6
7
8
9
10
function verification(){
	var origine_appel_required=false;
	if(document.getElementById('Type_Appel').value == "Central reservation" && document.getElementById('Origine_Appel').value == "" ) origine_appel_required=false;
	if(document.getElementById('Type_Appel').value == "Central reservation" && document.getElementById('Origine_Appel').value != "" ) origine_appel_required=true;
	if(origine_appel_required == false ){
		   alert ("Merci de renseigner l'origine de l'appel !");
			return false;
	}
	return true;
}

Mon Form

Code php :

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

 <form name="irt"  id="irt" action="http://<?php echo $_SERVER['SERVER_NAME'];?>/modules/Webforms/capture.php" method="post" accept-charset="utf-8" onSubmit="return verification();">

Mes combobox :

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
<p>
		<label>Type de l'appel</label>
                <select name="label:Type_appel" id="Type_appel" required="true">
                        <option value="">Choisir</option>
                        <option value="Central reservation">Central de R&eacuteservation</option>
                        <option value="Administration">Administration</option>
			<option value="Autre">Autre</option>
                </select>
        </p>
 
	<p>
		<label>Origine de l'appel</label>
		<select name="label:Origine_appel" id="Origine_appel">
                        <option value="none">Choisir</option>
                        <option value="Reunion">R&eacuteunion</option>
                        <option value="Allemagne">Allemagne</option>
			<option value="Metropole">M&eacute;tropole</option>
                        <option value="Etranger">&Eacute;tranger</option>
                </select>
	</p>

J'ai l'impression que quand je clique sur envoyer il ne verifie pas !

[SpaceFrog]

J'ai l'impression que quand je clique sur envoyer

il est ou "envoyer" ?

montre nous ton bouton submit et ta balise form ...

[chipmunkette]

Regarde :

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
<form name="irt"  id="irt" action="http://<?php echo $_SERVER['SERVER_NAME'];?>/modules/Webforms/capture.php" method="post" accept-charset="utf-8" onSubmit="return verification();">
 
        <p>
		<label>Type de l'appel</label>
                <select name="label:Type_appel" id="Type_appel" required="true">
                        <option value="">Choisir</option>
                        <option value="Central reservation">Central de R&eacuteservation</option>
                        <option value="Administration">Administration</option>
			<option value="Autre">Autre</option>
                </select>
        </p>
 
	<p>
		<label>Origine de l'appel</label>
		<select name="label:Origine_appel" id="Origine_appel">
                        <option value="none">Choisir</option>
                        <option value="Reunion">R&eacuteunion</option>
                        <option value="Allemagne">Allemagne</option>
			<option value="Metropole">M&eacute;tropole</option>
                        <option value="Etranger">&Eacute;tranger</option>
                </select>
	</p>
 
	<p>
		<input type="submit" name="BoutonEnvoyer" value="Envoyer"></input>
	</p>
        </form>