Discussion :

[nspj1]

Bonjour à tous

j'ai un problème sur une question de mon formulaire

Voici la question

Quel sport préférez vous

1 ) F1
2 ) Moto-GP
3 ) Rally
4 ) Champcar
5 ) Nascar

j'ai un champ text ou les personnes peuvent répondre en mettent un chiffre 1,2,3,4,5

Comment faire pour interdire le fait de pouvoir mettre deux fois le chiffre 1 ou le chiffre 2 ou un chiffre autre que 1,2,3,4,5
pour pouvoir avoir une cohérence sur la récupération des données.

Exemple de réponse que je récupére pour le moment 21345 ou 45132 si je répond bien à la question

Merci d'avance pour vos réponses

Exemple :

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
 
 
<!--Debut du premier bloc-->
<div id="page1" style="display:block;">
 
<form id="form1" name="form1" method="post" action=""> 
 
Quel sport préférez vous
<br />
<br />
1 ) F1
<br />
2 ) Moto-GP
<br />
3 ) Rally
<br />
4 ) Champcar
<br />
5 ) Nascar
 
<br />
<br />
 
<div class="r">Exemple de réponse : 21453 ou 45321 etc ...</div>
<br />
Réponse : &nbsp; <input type="text" name="a15" id="input" onkeyup="javascript:verif();" onBlur='valider(this)' value="" size="10" maxlength="5" />
 
<input type="button" onclick="afficher_cacher(2);" id="envoi" disabled="disabled" title="Pour passer à l'etape suivante vous devez répondre à toutes les questions" value="Suivant >>" class="bo" />
 
</div>
<!--Fin du premier bloc-->
 
 
 
<!--Debut du deuxieme bloc-->
<div id="page2" style="display:none;">
<br />
<br />
Ici checkbox et radio ok pas de blm
<br />
<br />
 
<!--On va afficher le div page1 et cacher le div page2-->                                         
<input type="button" onclick="afficher_cacher(1);" value="<< Précédent" class="bo" /> 
<!--On va afficher le div page3 et cacher le div page2-->
<input type="button" onclick="afficher_cacher(3);" id="envoi2" disabled="disabled" title="Pour passer à l'etape suivante vous devez répondre à toutes les questions" value="Suivant >>" class="bo" />
 
</div>
<!--Fin du deuxieme bloc-->
 
 
<!--Debut du troisième bloc-->
<div id="page3" style="display:none;">
<br />
<br />
Ici checkbox et radio ok pas de blm
<br />
<br />
<!--On va afficher le div page2 et cacher le div page3-->                               
<input type="button" onclick="afficher_cacher(2);" value="<< Précédent" class="bo" />
<!--Ou alors on envoi le formulaire-->
<input type="submit" name="envoi" id="envoi3" disabled="disabled" title="Pour envoyer vos réponses vous devez répondre à toutes les questions" value="Envoyer !" class="bo" /> 
</div>
</form>

[SpaceFrog]

tu veux le faire en direct ou lors de la soumission du form ?

donc soit sur le onkeyup + onmouseup ou sur le onchange ou onblur

[nspj1]

je veux le faire en direct

Voici je javascript utilisé

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
 
function verif(){
		var champ1 = document.getElementById('input');
		if(!champ1.value){
				document.getElementById('envoi').disabled = true;
		}
		else{
				document.getElementById('envoi').disabled = false;
		}
}
 
function valider(a15){
    var mini = 5
    var maxi = 6
    if ( mini != 0 ) {
      // Si la longueur de la saisie est inférieure au minimum demandé
      if ( a15.value.length < mini ) {
        // Envoi d'une alerte
        alert('Merci de classez les réponses dans l\'ordre de vos préférences......  . Voir Exemple de réponse');
        return false
      }
    }
      // Si la longueur de la saisie est supérieure au maximum demandé
    if ( maxi != 0 ) {
      if ( a15.value.length > maxi ) {
        //alert('Vous ne devez pas saisir plus de ' + maxi + ' '+ mini 'caracteres numériques.');
        return false
      }
    }
  }

[SpaceFrog]

au lieu de tester le max de caractères, mets un maxLength sur ton inpout text
...

pour le doublon faut tester avec un indexOf ...

[nspj1]

Merci pour la réponse j'utilise maxLength sur mon input
+ le script au cas ou la personne n'a pas rempli le champ avec les 5 réponses

Par contre je ne comprend pas comment faire au niveau des doublon avec indexOf a tu un lien, un tuto, ou autre qui me permettrait de comprendre, car la je patoggge dans la semoule...

Merci d'avance.

[SpaceFrog]

Mouaip bon ...
pour le coup du doublon en direct a mon avis il y a beaucoup plus simple à faire
car il faudrait intercepter avec un event.keycode et ce n'est pas crossbrowser
pour quoi ne pas renseigner ton input text au moyen de click sur des checkboxes par exemple :

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
<script type='text/javascript'>
function foo(obj){
document.getElementById("ordre").value+=obj.value;
obj.disabled='disabled';
}
function resetO(){
var TabOrder=document.getElementsByName('io');
var OL=TabOrder.length;
for(i=0;i<OL;i++){
TabOrder[i].checked=false;
TabOrder[i].disabled=false;
document.getElementById("ordre").value='';
}
}
 
</script>
 
 
</head>
 
<body>
<input type="checkbox" id='one' name="io" value='1' onclick='foo(this)'><label for='one'>un</label><br />
<input type="checkbox" id='two' name="io" value='2' onclick='foo(this)'><label for='two'>deux</label><br />
<input type="checkbox" id='three' name="io" value='3' onclick='foo(this)'><label for='three'>trois</label><br />
<input type="checkbox" id='four' name="io" value='4' onclick='foo(this)'><label for='four'>quatre</label><br />
<input type="checkbox" id='five' name="io" value='5' onclick='foo(this)'><label for='five'>cinq</label><br />
<input type='text' readonly='readonly' id="ordre" /><br />
<input type='button' onclick="resetO()" value='reset' />
 
</body>

là pas de doublon possible, il ne reste plus qu'a tester que tous les checks soient cochés lors du onsubmlit ou la longueur du champs order <5

ou encore sur le onchange du camps ordre si il est de longeur 5 rendre le bouton submit visible ou enabled ...