18041 sujets

Questions générales et questions de débutants

Comportement de la touche ENTER sur un formulaire

Bonjour,

Je viens de créer un formulaire d'identification (Login + Password + bouton "Connexion"), mais le comportement lors de la validation est étrange.
- En local sur mon poste la validation se fait aussi bien par la touche ENTER que par le clic sur le bouton CONNEXION...
- Sur le serveur OVH, impossible de valider par la touche ENTER

Je ne vois pas du tout le pourquoi du comment...HELP!!

Voici le code du formulaire:

 <form name="acces" id="acces" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
	<table cellspacing="0" cellpadding="1" border="0" id="connexion">
			<tbody>
            	           <tr>
				<td width="33%">
            			Login :             		
                                </td>
				<td width="67%">
                		<input type="text" class="champs" tabindex="1" name="name" value="" onFocus="this.value=''"/>
           		        </td>
			</tr>
			<tr>
				<td>
                		Pass : 
                	        </td>
				<td>
            			<input type="password" class="champs" tabindex="2" name="pass" onFocus="this.value=''"/>
                	       </td>
				</tr>
			<tr>
				<td align="right" colspan="2">
            			<input type="submit" class="btn_cnx" value="Connexion" tabindex="3" name="submit"/>
                               </td>
			</tr>
		</tbody>
    	</table>
</form>


Je viens de m'appercevoir que sous IE7 le fonctionnement est tout à fait normal !! ??
C'est donc FIREFOX qui semble poser problème....

.....

En fait lorsque je valide, le focus est encore dans le champ PASSWORD.
Si avec la touche TAB je met le focus sur le bouton CONNEXION et que j'appuie sur ENTER la validation se fait bien!!
Modifié par zest (02 Feb 2008 - 13:14)
Bonjour,

Pour commencer, tu devrais peut-être virer les tabindex s'ils ne sont pas réellement utiles et surtout maitrisés pour tout le document (lire l'article suivant si besoin).

Ensuite, tu donnes ton code PHP (si si...), et pas le code HTML final. Est-il exactement le même dans les deux cas, ou bien quelque chose comme le <?php echo $_SERVER['PHP_SELF']; ?> peut-il te jouer des tours?

Enfin: page en ligne?
Non, a priori, les index ne gênent pas.

Il me semble plutôt que le gestionnaire des mots de passe soit en cause.
Si à la question: "Voulez-vous que fIREFOX se souvienne du mot de passe..." je reponds "pas maintenant" et que j'utilise la touche ENTER, jamais mes identifiants ne seront pris en compte. Si je reponds OUI, la première fois les identifiants sont ignorés, mais ensuite la touche ENTER valide bien mon login et mon password...
Etrange comme comportement !!
Étrange effectivement. Je n'ai jamais remarqué ce comportement pour ma part.

Page en ligne?
Vous pouvez tester avec "login" + "password" comme identifiants...
avec cette adresse: http://www.evonz.fr/fclioujas/fclioujas.php

Je récapitule:
J'efface les COOKIES + les Mots de passe enregistrés sous FIREFOX et IE7

FIREFOX
- LOGIN + PASSWORD -->ENTER
- Fenêtre "Voulez-vous que firefox se souvienne de ce mot de passe?"
- Pas Maintenant
- Firefox ne prends pas en compte ces identifiants !!

FIREFOX (Bis)
- LOGIN + PASSWORD -->ENTER
- Fenêtre "Voulez-vous que firefox se souvienne de ce mot de passe?"
- OUI
- Firefox ne prends pas en compte ces identifiants !! Mais la prochaine signature sera bien soumise avec validation par ENTER.

Dans tous les cas pour IE7, la soumission est bien acceptée !!

Idem pour OPERA....
Modifié par zest (03 Feb 2008 - 21:15)
Je n'arrive pas à reproduire ce comportement de mon côté. La soumission du formulaire est bien prise en compte quand je valide avec Entrée (avec le focus dans le champ du mot de passe), avec Firefox 2.0, et quelle que soit la réponse que je donne au gestionnaire de mot de passe.

(Pour info: Firefox 2.0.0.11 sous Linux.)
Bon effectivement sous LINUX le problème ne semble pas se poser !!??
J'attends demain pour tester sur un poste Win2000 + FIREFOX 2.0.0.11

Le souci est sur Win XP SP2 + FIREFOX 2.0.0.11, je vais essayer sous SAFARI...histoire d'avoir un tour complet des browsers Smiley langue
Modifié par zest (04 Feb 2008 - 00:04)
Win XP SP2 via VMWare + Firefox 2.0.0.11: problème constaté.

Aucune idée de l'origine du machin. À tester avec Javascript désactivé, par exemple, ou avec le même script de connexion mais dans une page sans rien d'autre.
(Ou bien laisser ce problème de côté... ça peut être trop cronophage pour un petit site. Smiley cligne )
Bien joué Florent V. !!!

Le problème viens bien de Javascript.
Une fois désactivé les identifiants sont bien pris en compte par la touche ENTER...Très bizarre comme comportement !!

Si quelqu'un sait le pourquoi du comment....

Mais comme tu le dis...je ne vais pas me prendre la tête pour un "petit site".
Au fait c'est quoi un "grand site" ??? Smiley smile
zest a écrit :
Au fait c'est quoi un "grand site" ??? Smiley smile

Un site pour lequel on peut dire: «On a un léger problème technique qui pose un petit problème d'ergonomie, et il faudrait mettre de 1,0 à 1,5 journée/homme sur ce problème pour le corriger. Bon ok, ça vaut le coup.»
Alors c'est un grand site Smiley biggrin Smiley biggrin

Bon, sans rire, je viens d'arriver au boulot et sous Win2000 + FF 2.0.0.11, c'est le même problème que sous XP + FF 2.0.0.11.
Une fois le Javascript désactivé, la soumission se fait bien...

Je ne sais pas si le problème est corrigeable ??!!
Modifié par zest (06 Feb 2008 - 11:53)
Bon suite à la montée en version de FF, vers 2.0.0.12...ça ne fonctionne toujours pas !! Smiley eek

Mais d'après mes recherches:
- Window.event (l'événement membre de l'objet window) n'existe pas dans Firefox.

Je vous invite à consulter (en Anglais Smiley bawling ) ces deux liens:
- http://www.quirksmode.org/js/events_properties.html
- http://www.quirksmode.org/dom/w3c_events.html

Voici ce que le Ricains bricole sur leurs sites... Smiley confus 

function myFunc(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "")
if (evt) {
// process event here
}
}

et dans le code html:

<input type="text" runat="server" id="tbSearch" onkeypress="javascript:SearchEnter(evt);">


Je connais très mal (en fait pas du tout Smiley confused ) l'attribut "runat"...
--> http://www.microsoft.com/belux/msdn/fr/community/articles/may04_aspnet.mspx
mais il semble plutôt utilisé par ASP.
Peut-on faire la même chose en PHP ??

Si quelqu'un connait une solution...je prends: MERCI
Modifié par zest (09 Feb 2008 - 15:29)
Sujet clos
Aller à