Validation au clavier

Version imprimable

06/03/2006, 13h54
BnA

Validation au clavier

Salut à tous!

Bon, voici mon problème: pour faire simple, imaginez un input texte, et un bouton.Le bouton est censé valider l'entrée de l'input. En fait, à la place de devoir aller cliquer avec la souris sur le bouton, j'aimerais que la fonction du bouton s'effectue lorsque j'appuie sur 'Enter' (clavier) DANS l'input.

Je crois que c'est clair... 'fin, j'espère ! :)

Bref, voilà, j'espère qu'il y aura une bonne âme pour me dépanner!

Merci d'avance!
06/03/2006, 13h58
SpaceFrog

si c'est un formulaire un simple bouton type submit suffit

sinon un bouton type button dans lequel tu lance une focntion dans le onclick ...

C'est un bouton qui appelle une fonction...
Code:

1 2 <input type="button" name="valide" value="Proposer" onclick="valider(...);">

06/03/2006, 14h21
SpaceFrog

ben pourquoi ne le remplaces tu pas par un bouton submit et tu mets en action de ton formulaire:

Code:

<form action="javascript:valider(...);">

quel est le but de cette fonction;
si c'est une vérifiaction de forumlaire il serait préférable de passer par le onsubmit du formulaire ...

En fait il s'agit d'un exercice dans le cadre de mes cours (on commence à peine JavaScript), et on doit programmer le 'Jeu du Pendu' (grd classique)...

La fonction appellée par mon bouton sert en fait à vérifier qu'il s'agit bien d'une lettre, qu'elle est bien dans le mot, à quel endroit, combien de fois, si elle a déjà été jouée, etc....

Bref, voici tout mon code (il n'est pas encore fini)...

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
 
function correct(ao_caractere)
		{
			var lb_just=true;
			var ls_test="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
			var ls_lettre=ao_caractere.value;
 
			if(ls_test.indexOf(ls_lettre)==-1)
			{
				lb_just=false;
			};
 
			return lb_just; 
		}
 
		function valider(ao_caractere, ao_carjoues, ao_recommencer, as_motcache, ao_image)
		{
			var ln_err=0;
			var ls_valeur=ao_caractere.value.toUpperCase();
			ao_caractere.value=ls_valeur;
			var ln_placemot=0;
			var ln_cpt=0;
 
 
 
			if (correct(ao_caractere))
			{				
				ln_placemot=as_motcache.indexOf(ls_valeur); 
 
				if (ln_placemot==-1)
				{
					alert ('Non existant dans le mot!!')
				}
 
					else 
					{
 
						while (ln_cpt<as_motcache.length)
						{
							if(ao_caractere.value==motcache.charAt(ln_cpt))
							{
								document.pendu['l'+ln_cpt].value=ao_caractere.value;
							}
							ln_cpt++;
						}
					}
				}
				else 
				{
					alert('Caractère non accepté!!');
				}
			document.pendu.caractere.value="";
			document.pendu.caractere.focus();
		}
 
//et voici le code du bouton et de l'input
 
<input type="text" name="caractere" size="1" maxlength="1">
						<br>
						<br>
						<input type="button" name="valide" value="Proposer" onclick="valider(document.pendu.caractere, document.pendu.carjoues, document.pendu.recommencer, motcache, document.pendu.image);">

06/03/2006, 14h42
SpaceFrog

ben utilise un form alors ...
06/03/2006, 14h48
BnA

y'en a un...
06/03/2006, 14h51
SpaceFrog

ben c'est tout bon alors :lol: :wink:
06/03/2006, 15h01
BnA

:? Oui, mais en fait non...

Plus sérieusement, oui j'ai un form (name="pendu"). Dc si je te suis, je dois mettre un bouton type="submit" pour que ça marche? Simplement ça??
06/03/2006, 15h05
SpaceFrog
le click sur un bouton submit (ou l'appui sur la touche enter) lance l'action du formulaire ...
as tu une action dasn ton form ??
Code:

1 2 3 <form action="javascript:alert('action du formulaire')"> <input type="submit" value="lancer"/> </form>
maintenant si ton formulaire possède déja une action (envoi vers une page php) il faudra envisage de passer par le onsubmit qui est à la base prévu pour lancer des fonctions de vérification avant l'envoi du formulaire ...
06/03/2006, 15h06
BnA
:trouve:
Code:

1 2 <form name="pendu" action="javascript:valider(document.pendu.caractere, document.pendu.carjoues, document.pendu.recommencer, motcache, document.pendu.image);">
Avec un btn type="submit" (comme tu l'avais dit)...

Merci bcp!!

Euh j'avais pas vu que tu venais de poster la soluce... Thx a lot!

Euh... Comment qu'on mets 'Résolu' dans le topic??