Valider un mot de passe avec la touche

Valider un mot de passe avec la touche - HTML/CSS - Programmation

Marsh Posté le 11-09-2013 à 19:46:15    

Bonjour à tous !
 
Je suis nouveau sur ce forum et espère que vos talents pourrons m'aider, je m'explique :
 
J'ai trouvé quelque part sur le net un code html permettant de créer un mot de passe :
- lorsque le mauvais mot est tapé, un message affiche l'indication "mot de passe incorrect"
- lorsque le bon mot est tapé, l'internaute est redirigé vers la page "monsite/lemottapé"
 
Jusque là, tout est génial c'est parfaitement ce que je souhaite !
Le problème c'est que l'internaute ne peut valider sa réponse qu'en cliquant sur le bouton "valider" qui se trouve à côté du champ de réponse
et tout le monde sait qu'en 2013 plus personne n'utilise la souris pour valider mais belle et bien la touche "enter" !!!
 
Lorsque l'on presse cette touche "enter" la page se réactualise !!! HELP HELP HELP  :pt1cable:  
 
Voici mon code :
 
<script language="JavaScript">
 
function passe() {
var mot=document.form1.passew.value  
if (mot=="orange" ) {window.location="orange.html"; }  
else{ if(mot=="faim" ){window.location="faim.html"; }
else {alert("Mauvais mot de passe" ); } } }
</SCRIPT>
 
<body bgcolor="#FFFFFF">
 
<BR><BR> Entrez le mot de passe <BR><BR>
<FORM name="form1">
 
<INPUT type='text' name="passew" size=8>    
<INPUT type='button' value='Cliquer ici pour valider' onClick="passe()">  
</FORM>
 
MERCI PAR AVANCE POUR VOS REPONSES, bonne soirée à tous !!!
PS : j'utilise dreamweaver si ça peut vous aider

Reply

Marsh Posté le 11-09-2013 à 19:46:15   

Reply

Marsh Posté le 11-09-2013 à 22:19:46    

alors :
1) le mot de passe en clair dans le code JS, càd visible en affichant la source de la page ? Si en 2013 personne ne click sur un bouton pour valider (enfin ca c'est ce que tu crois :D), il en va de même pour les mots de passe :o
 
2)  
Pour les input, tu as le type submit qui fait exactement ce qu'il dit : il soumet le formulaire
Au passage, il existe aussi le type "password", qui n'affiche pas le texte en clair. Mais bon, vu que le pass est aussi en clair dans la page :D

Code :
  1. <INPUT type='password' name="passew" size=8>
  2. <INPUT type='submit' value='Cliquer ici pour valider' onSubmit="passe()">


 
3)
ton code JS :

Code :
  1. <script type="text/javascript">
  2. var passe =  function ()
  3. {
  4. var mot = document.form1.passew.value;
  5. if (!mot.length) {
  6.   return false;
  7. }
  9. if (mot == "orange" )
  10. {
  11.   window.location = "orange.html";
  12.   return true;
  13. } 
  15. if (mot == "faim" )
  16. {
  17.   window.location = "faim.html";
  18.   return true;
  19. }
  20. alert ("Mauvais mot de passe" );
  21. return false;
  22. </SCRIPT>


 
4) Fais ca du coté serveur (en PHP par exemple). Ton mot de passe sera invisible (pas celui qui transitera entre le browser et le serveur, mais c'est une autre histoire) et ton script JS ne pourra pas être remplacé/viré/écrasé.

Message cité 1 fois
Message édité par SICKofitALL le 11-09-2013 à 22:20:20

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 12-09-2013 à 19:34:38    

Re-bonjour !  
 
Je viens de lire ta réponse, merci à toi  :)  
Effectivement on peut lire le code source de la page pour trouver le "mot de passe" mais cela ne me dérange pas pour ce que je souhaite en faire ^^
 
Malheureusement ta réponse n'as pas fonctionné, j'ai alors cherché et trouvé un second code -----> mais je dois être victime d'une malédiction, il se passe exactement la même chose  :sweat:  !  

Pour faire simple et pour plus de compréhension, j'ai mis en ligne 2 pages web avec les 2 codes différents :  
 
http://kevin.bercy.free.fr/essai
[url]
http://kevin.bercy.free.fr/essai2[/url]
 
Pourquoi le lien ne marche pas lorsque l'on appui sur la touche "entrée"  :??:  :??:  :??:  
Je vous laisse à vos claviers Messieurs/dames les génies de l'internet,  :bounce: moi j'ai beau cherché je ne trouve pas ce qui cloche dans ces codes  :fou:  

Message cité 1 fois
Reply

Marsh Posté le 12-09-2013 à 19:54:10    

SICKofitALL a écrit :

2)  
Pour les input, tu as le type submit qui fait exactement ce qu'il dit : il soumet le formulaire

Code :
  1. <input type='password' name="passew" size=8>
  2. <input type='submit' value='Cliquer ici pour valider' onSubmit="passe()">


 
3)
ton code JS :

Code :
  1. <script type="text/javascript">
  2. var passe =  function ()
  3. {
  4. var mot = document.form1.passew.value;
  5. if (!mot.length) {
  6.   return false;
  7. }
  9. if (mot == "orange" )
  10. {
  11.   window.location = "orange.html";
  12.   return true;
  13. } 
  15. if (mot == "faim" )
  16. {
  17.   window.location = "faim.html";
  18.   return true;
  19. }
  20. alert ("Mauvais mot de passe" );
  21. return false;
  22. </script>




 
 
Lis bien 2) et 3) et une seule balise body par page.

Reply

Marsh Posté le 12-09-2013 à 21:18:22    

choocks a écrit :

Re-bonjour !  
 
Je viens de lire ta réponse, merci à toi  :)  
Effectivement on peut lire le code source de la page pour trouver le "mot de passe" mais cela ne me dérange pas pour ce que je souhaite en faire ^^
 
Malheureusement ta réponse n'as pas fonctionné, j'ai alors cherché et trouvé un second code -----> mais je dois être victime d'une malédiction, il se passe exactement la même chose  :sweat:  !  

Pour faire simple et pour plus de compréhension, j'ai mis en ligne 2 pages web avec les 2 codes différents :  
 
http://kevin.bercy.free.fr/essai
[url]
http://kevin.bercy.free.fr/essai2[/url]
 
Pourquoi le lien ne marche pas lorsque l'on appui sur la touche "entrée"  :??:  :??:  :??:  
Je vous laisse à vos claviers Messieurs/dames les génies de l'internet,  :bounce: moi j'ai beau cherché je ne trouve pas ce qui cloche dans ces codes  :fou:  


 
C'est marrant, je vois pas du tout le code que je t'ai filé dans tes démos.
Si ca fonctionne pas, ya ptetre un bug du coté JS. Tu peux checker ca en affichant la console javascript (regarde dans les options réservées aux developpeurs, ou ctrl+shift+j sur firefox)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 12-09-2013 à 23:25:45    

Firebug est aussi une extension pour FF très pratique pour débugger  ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 13-09-2013 à 13:12:28    

Petite erreur dans le js (il manque un crochet à la fin) :
 

Code :
  1. <script type="text/javascript">
  2. var passe = function() {
  3.     var mot = document.form1.passew.value;
  4.     if(mot == "orange" ) {
  5.         window.location = "orange.html";
  6.         return true;
  7.     } else if(mot == "faim" ) {
  8.         window.location = "faim.html";
  9.         return true;
  10.     } else if(!mot.length) {
  11.         return false;
  12.     } else {
  13.         alert("Mauvais mot de passe" );
  14.         return false;
  15.    }
  16. }
  17. </script>

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed