Page 1 sur 1

Login en javascript - Problème avec le boutton Enter

Posté : 30 oct. 2008, 21:04
par Blauzon
Boujour

j'ai fais une petit page de login a partir d'un script java très simple. Mon seul problème est que j'aimerais pouvoir faire ENTER sur le clavier a la place d'aller cliquer sur login

Code : Tout sélectionner

<html> <head> <title>Please type your Username and Password... </title> <script language="JavaScript" type="text/JavaScript" src="login.js"></script> </head> <body bgcolor="#eeeeee"> <form> <br> <center> Username: <input type="text" name="username" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';"> <br> Password: <input type="password" name="password" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';"> <br> <input type="button" value="Login" onClick="Login(this.form);" style="background:#bfbfbf;color:#000000;border-color:#212121;" onMouseOver="this.style.color = '#404040';" onMouseOut="this.style.color = '#000000';" onFocusr="this.style.color = '#404040';" onBlur="this.style.color = '#000000';"> </center> </form> </body> </html>
Voici le code


Merci

Posté : 31 oct. 2008, 11:04
par Truc
Salut,
transforme l'input type "button" en "submit" et ajout l'événement javascript sur la balise form en "onsubmit" :)

Posté : 31 oct. 2008, 11:10
par Berzemus
C'est moche tout se javascript dans les balises. En plus, y'a des erreurs:

Code : Tout sélectionner

onFocusr
Et truc l'a tout bien dit ^-^

Sinon, tu pouvais toujours récupérer l'évènement keypress, et si le code correspond à 13, l'utilisateur à appuyé sur enter. Et alors il suffit de provoquer des choses.

Posté : 31 oct. 2008, 11:47
par Truc
Sinon, tu pouvais toujours récupérer l'évènement keypress, et si le code correspond à 13, l'utilisateur à appuyé sur enter. Et alors il suffit de provoquer des choses.
... provoquer ma colère par exemple :twisted:
Et truc l'a tout bien dit ^-^
Pour toi public :-({|=

Posté : 31 oct. 2008, 11:58
par Berzemus
Sinon, tu pouvais toujours récupérer l'évènement keypress, et si le code correspond à 13, l'utilisateur à appuyé sur enter. Et alors il suffit de provoquer des choses.
... provoquer ma colère par exemple :twisted:
Ah bon pourquoi ? Un simple event handler, appelé par un onkeyup sur l'input, c'est pas diabolique.. si ?

Posté : 31 oct. 2008, 12:01
par Truc
L'usine à gaz n'est pas diabolique en soit mais polluante quand même :?
Ou pourquoi faire simple quand on peut faire compliqué :lol:

Posté : 31 oct. 2008, 14:41
par Blauzon
Je suis debutant en programation et je suis pas trop sur de comprendre quoi faire avec le "onsubmit"

Posté : 31 oct. 2008, 16:11
par Victor BRITO
Je suis debutant en programation et je suis pas trop sur de comprendre quoi faire avec le "onsubmit"
Quelques liens pour t'aider :

Posté : 31 oct. 2008, 16:19
par Blauzon
Alors la seul difference dans mon script serais sa ! ?

Code : Tout sélectionner

<input type="submit" value="Login" onSubmit="Login(this.form);"


et sa devrais fontionner ?

Posté : 31 oct. 2008, 17:51
par Truc
Salut,
transforme l'input type "button" en "submit" et ajout l'événement javascript sur la balise form en "onsubmit" :)
et ça devrait être tout oui

Posté : 01 nov. 2008, 00:27
par Blauzon
sa ne fonctionne pas sa affiche seulement le login et le mot de pass dans la bar url ......

Posté : 01 nov. 2008, 00:32
par charabia
:idea: Allez je t'aide !
...sur la balise form...

Posté : 01 nov. 2008, 12:48
par Victor BRITO
sa ne fonctionne pas sa affiche seulement le login et le mot de pass dans la bar url ......
Si le passage des paramètres s'effectue au moyen de la méthode GET, c'est normal. Pour éviter cela, utilise la méthode POST, en codant le début de ton formulaire comme suit :

Code : Tout sélectionner

<form method="post" action="">