IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de legillou
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    178
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 178
    Par défaut [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

  2. #2
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  3. #3
    Membre confirmé Avatar de legillou
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    178
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 178
    Par défaut
    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...

  4. #4
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    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é.
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  5. #5
    Membre confirmé Avatar de legillou
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    178
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 178
    Par défaut
    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 : 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
    <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>

  6. #6
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    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...
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Validation d'un formulaire par le bouton entrée !
    Par Le Mad dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 17/11/2009, 11h28
  2. validation d'un formulaire par la touche entree
    Par crocodingo dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 05/10/2007, 16h40
  3. Empecher la validation d'un formulaire par entrée
    Par Oluha dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 15/09/2006, 13h39
  4. [PHP/HTML] Soumission d'un fromulaire par "entrée"
    Par dychentrus dans le forum Langage
    Réponses: 5
    Dernier message: 28/11/2005, 18h14
  5. comment interdire la validation d'un form par "Entrée&q
    Par taillooo dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 14/09/2005, 17h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo