[HTML] Validation d'un formulaire par entrée mais sans bouton type submit

Version imprimable

04/06/2007, 16h15
legillou

[HTML] Validation d'un formulaire par entrée mais sans bouton type submit

Bonjour à tous !!

J'ai créé un formulaire HTML.
Ce formulaire à bien une action mais pas de bouton submit.
Pour submiter le formulaire j'utilise un bouton classique et sur la propriété onclick je lance une fonction javascript qui valide le formulaire puis le submit.

Mon soucis c'est que dans mon cas lorsque j'appuie sur entrée et que je suis dans le fomulaire rien ne se passe. Il ne clique pas sur mon bouton.

Quelqu'un aurait-il une solution à ce problème ?

Merci d'avance
Gillou
04/06/2007, 16h24
Deallyra

:recherch:

http://www.developpez.net/forums/sho...t=submit+image

dans la FAQ
http://www.developpez.net/forums/sho...t=submit+image
04/06/2007, 16h38
legillou

Désolé mais je ne vois pas en quoi tu réponds à ma question.
Je me réexplique :

Je ne cherche pas à remplacer mon bouton par une image
J'ai créé un bouton standard (pas un submit) qui lance une fonction javascript qui permet de tester mon formulaire avant de le lancer.

Mon soucis c'est que normalement quand on appuie sur entrée à l'intérieur d'un formulaire, ca lance le submit. Dans mon cas, comme je n'ai pas de bouton submit, il ne se passe rien. Mon souhait c'est que mon bouton standard soit lancé quand on appuie sur entrée dans la formulaire.

En espérant avoir été plus clair...
04/06/2007, 16h54
Deallyra

ok...
euh la touche enter ne marche que si l'on est dans un champs input et non textarea...
peut-être voir de ce coté.

Alors je n'ai pas de text area
je n'ai que des input type file et des input type text

Je te mets le code généré pour que tu te fasses une idée :

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
<form action="/wps/myportal/!ut/p/_s.7_0_A/7_0_VQR/.cmd/adj/.ar/a/.c/6_0_VNN/.ce/7_0_VQT/.p/5_0_VNL/.d/0/_ap.7_0_VQT/LkRvQWN0aW9uLU9wZW5JbXBvcnQ*#7_0_VQT" method="post" enctype="multipart/form-data" name="up">
	<table>
		<tbody>
			<tr class="trColumn">
				<td class="titre_Attribut">
					Matricule : 
				</td>
				<td class="inputRow">
					<input type="text" value="0008927C" name="EMP_ID" id="EMP_ID"/> *
				</td>
			</tr>
			<tr>
				<td class="titre_Attribut">
					Type de Fichier : 
				</td>
				<td class="SelectRow">
					<select onchange="javascript:entityChange(this)" name="entity">
						<option selected="" value="CONTRACT">Contrat d'embauche</option>
						<option value="DOC_PMP">PMP</option>
						<option value="DOC_PMP_E">PMP Sign off by Manager</option>
						<option value="DOC_PMP_N1">PMP Sign off by N+1</option>
						<option value="DOC_PMP_SR">PMP Sign off by Secondary reviewer</option>
					</select>
				</td>
			</tr>
			<tr>
				<td class="titre_Attribut">
					Fichier : 
				</td>
				<td>
					<input type="file" name="fichier" id="fichier" style="width: 240px; font-size: 10pt; font-family: arial,helvetica,sans-serif;"/>
				</td>
			</tr>
			<tr>
				<td class="titre_Attribut">
					Année : 
				</td>
				<td class="inputRow">
					<input type="text" name="DOC_YEAR" id="DOC_YEAR"/>
				</td>
			</tr>
			<tr>
				<td class="titre_Attribut">
					Commentaires : 
				</td>
				<td class="inputRow">
					<input type="text" maxlength="100" name="DOC_COMMENT" id="DOC_COMMENT"/>
				</td>
			</tr>
			<tr>
				<td>
					<input type="hidden" value="APHILIPPE" name="USER_ID"/>
				</td>
				<td class="buttonRow">
					<input type="button" value="Import" name="SubmitButton" onclick="javascript:importclick(this)"/>
				</td>
			</tr>
		</tbody>
	</table>
</form>

04/06/2007, 17h28
Deallyra

Tu rajoutes dans ton formulaire l'event : onKeyDown ou onKeyPress...
Tu le renvoies vers une fonction (pas obligé) js qui va vérifier si la touche appuyée est Enter et puis la tu exécute une méthode js qui va submiter ton formulaire...
04/06/2007, 17h29
Deallyra

après... pour ce qui est de détecter la touche entrée...
je ne sais pas mais ça existe.
04/06/2007, 17h34
Deallyra

sinon, si ce topic pouvait être déplacé dans la section JS après résolution
04/06/2007, 17h37
legillou

ah c'est une bonne idée

Je te remercie je vais chercher dans cette direction
04/06/2007, 17h40
Bisûnûrs

Sur tes éléments de formulaire :

Code:

onkeypress="if((event.which == 13)||(event.keyCode == 13)){ fonctiondesoumissionduformulaire() }"