Exercice javascript - mot de passe

bjr, j’ai un exercice à faire en 1er année de bts info gestion, ma page internet doit se composer de la maniere suivante ;
utilisateur(text)
mot de passe(text)
vérification(boutton)
le problème c’est que je n’y arrive pas :confused:
enfaite qd je clique sur le boutton vérification un message dois apparaitre m’indiquant mot de passe correct … incorrect si quelqu’un peut m’aider j’ai deja fait sa! dois avoir des erreurs.
<html>
<head>
<title>motdepasse</title>
<script language=“JavaScript”>
function mot de passe()
{
if ((utilisateur.value[“FORM”]) = (motdepasse.value[form]))
alert(‘mot de passe valide’);
}
</script>
</head>
<body>
<form name=“form”>
utilisateur: <INPUT type=“text” name=“utilisateur”>
mot de passe: <INPUT type=“password” name"motdepasse">
<INPUT type=“button” name=“vérification” value=“vérification” onclick=“function mot de passe()”>
</body>
</html>

en fait t’es pas dans le bon forum… :wink:

"Tous les chemins menent a Rome" >>> sauf le tien … :lol:

En fait si j’ai bien compris tu veux simuler incorrect / correct sans apporter de detail verification d’un checksum .

voici un exemple très simple … (copier / coller et sauver en html)

[code]
<html ?
<head>
<title>motdepasse</title>
<script language="JavaScript">

function Login(form)
{
var username = form.username.value;
var password = form.password.value;

if (username && password)
{ alert("Mot de Passe valide …"); }
else
{ alert("Mot de Passe Invalide … "); }
}
</script>
</head>
<body>
<form name="login" >
Utilisateur: <input type=text name="username" size=30>
Mot de Passe: <input type=password name="password" size=30>
<input type=button value="Vérification" onClick="Login(this.form)">
</body>
</html ? [/code]

maintenant si tu veux verifier si le password est ou non correct , faut approfondir un peu plus dans les déclarations .

edit :

Remplace les 2 ? par >
Si tu veux que l’affichage du password soit en texte , il suffit de remplacer :

input type=password
par:
input type=text

mci :slight_smile: enfaite j’ai reussi a le faire entre deux mais j’ai pas fait du tout comme toi enfin c’est mieux comme toi enfaite. J’en apprend tout les jours :slight_smile:

<HTML>
<TITLE>mot de passe</TITLE>
<HEAD>

<script language="JavaScript">
<!–

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//–>
</script>

<script language="JAVASCRIPT">

function fct_motdepasse()
{
if ((form3("nom_utilisateur").value =="nicolas") && (form3("mot_de_passe").value =="elpass"))
{
form3("resultat").value ="mot de passe correct";
}
}

</script>
</HEAD>
<body>
<align="center>
<FORM name=“form3”>
nom d’utilisateur : <INPUT Type=“Text” name=“nom_utilisateur”>
mot de passe : <INPUT Type=“password” name=“mot_de_passe”><br>
<INPUT Type=“button” name=“bouton1” value=“valider” onclick=“fct_motdepasse();”>
<INPUT Type=“text” name=“resultat”>
</FORM>
</body>

<script language="JavaScript">
<!–

window.open = SymRealWinOpen;

//–>
</script>

</html>

ya qlq truc qui se sont rajouté mais sa c xp je crois mci encore ^^

:super: je vais maintenant ( que t’es apparu :wink: ) te passer un petit script très pratique dans mon prochain post .

edit :
t’as pas besoin de fermer puis relancer :
<script language=“JAVASCRIPT”>
[color=red]</script>

<script language="JAVASCRIPT">[/color]
</script>

oui mon exemple est simple , c’est juste une simulation.
En plus jchui pas un pro en java mais la connaisance d’autre language me permette de comprendre son architecture .

non , c’est pas xp … sécurité du forum . Imagine que l’on puisse sauver un script ravageur sur “cluclu” ça serait “la fin des haricots”

ici le script des identifiants permettent d’être redirigé vers une page html .
Ce n’est plus de la simulation c’est un script creant la checksum et le verifiant pour être autorisé dans une redirection.

copier / coller en remplacant les ?#62; par > et ?#34; par " puis sauver sous module_pass.html
si tu tapes 3 fois erreurs de password > tu seras dirigé sur la page module_calcul.html

&#60;&#33;-- Date de création&#58; 12/10/2005 --&#62;
&#60;html?#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34;&#62;&#60;title&#62;Edition d'identifiant et Mot de passe&#60;/title&#62;

&#60;script LANGUAGE=&#34;JavaScript&#34;&#62;

var total_erreur=0;

function Check&#40;&#41; {
	var tabc=Check.arguments; var ok=0;
	var tab=&#34;                   azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN0123456789_&#036;&amp;#@&#34;;
	for &#40;var no=0;no&#60;tabc.length;no++&#41; {
  checksum=tabc&#91;no&#93;;
  // Caracters autorises
  var login=document.forms&#91;&#34;flog&#34;&#93;.elements&#91;&#34;login&#34;&#93;.value;
  var password=document.forms&#91;&#34;flog&#34;&#93;.elements&#91;&#34;password&#34;&#93;.value;
  var nblog=login.length;
  var nbpass=password.length;
  var sum=1;
  var n=Math.max&#40;nblog,nbpass&#41;
  for &#40;var i=0;i&#60;n;i++&#41; {
  	var index1=tab.indexOf&#40;login.substring&#40;i,i+1&#41;&#41;+10;
  	var index2=tab.indexOf&#40;password.substring&#40;i,i+1&#41;&#41;+10;
  	sum=sum+&#40;index1*n*&#40;i+1&#41;&#41;*&#40;index2*&#40;i+1&#41;*&#40;i+1&#41;&#41;;
  }
  
  	

  // calcul du module &#33;
  if &#40;sum==checksum&#41; { ok=1; no=100;alert&#40;&#34;mot de passe correct&#34;&#41;;
                window.location=login+&#34;.html?#34;;}
  // test du module
	}
	if &#40;ok==0&#41; 
              {
  total_erreur++; 
  alert&#40;&#34;Mauvais login ou mot de passe&#34;&#41;;
  if &#40;total_erreur&#62;2&#41; { // apres 3 essais, redirection...
  	alert&#40;&#34;Vous avez atteint les 3 essais autorisés&#33;&#092;nVous allez être rediriger vers la page d'accueil.&#34;&#41;;
  	window.location=&#34;module_calcul.html?#34;;
  }
         }}

function Verifie&#40;&#41; {
	Check&#40;28830001,4590177&#41; // c'est ici qu'il faut insérer le resultat du checksum
}
&#60;/SCRIPT&#62;
&#60;/HEAD&#62;

&#60;BODY bgcolor=&#34;#FFFFFF&#34; alink=&#34;#000066&#34; link=&#34;#000066&#34; vlink=&#34;#000066&#34; &#62;
&#60;FONT FACE=&#34;Arial&#34; SIZE='-1' COLOR=&#34;#000099&#34;&#62;
&#60;CENTER&#62;&#60;BIG&#62;&#60;B&#62;Protection par Identifiants et  mots de passe multiples&#60;/B&#62;&#60;/BIG&#62;&#60;BR&#62;&#60;BR&#62;
Ce script permet de rediriger chaque utilisateur identifié par un login et un mot de passe vers une page personnalisée.&#60;BR&#62;
&#60;BR&#62;
&#60;FORM onSubmit=&#34;Verifie&#40;&#41;;return false;&#34; action=&#34;#&#34; method=&#34;get&#34; name=&#34;flog&#34;&#62;
	&#60;TABLE border=0&#62;
  &#60;TR&#62;&#60;TD&#62;&#60;FONT size=2 face=&#34;arial&#34;&#62;UTILISATEUR &#58; &#60;/FONT&#62;&#60;/TD&#62;&#60;TD&#62;&#60;INPUT name=&#34;login&#34; type='text' size=12&#62;&#60;/TD&#62;&#60;/TR&#62;
  &#60;TR&#62;&#60;TD&#62;&#60;FONT size=2 face=&#34;arial&#34;&#62;MOT DE PASSE &#58; &#60;/FONT&#62;&#60;/TD&#62;&#60;TD&#62;&#60;INPUT type=&#34;password&#34; name=&#34;password&#34; size=12&#62;&#60;/TD&#62;&#60;/TR&#62;
  &#60;TR&#62;&#60;TD colspan=2 align=center&#62;&#60;INPUT type='submit' name=&#34;bouton&#34; value='Entrer'&#62;&#60;/TD&#62;&#60;/TR&#62;
	&#60;/TABLE&#62;
&#60;/FORM&#62;

&#60;/CENTER&#62;

&#60;/BODY&#62;
&#60;/HTML&#62;

Maintenant copier / coller (remplacer ?#62; par > et ?#34; par " ) le module de calcul du checksum sous module_calcul.html

&#60;html?#62;&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34;&#62;&#60;title&#62;Fonctionnement &#58; Identifiant / Mot de passe&#60;/title&#62;

&#60;script LANGUAGE=&#34;JavaScript&#34;&#62;

function Calculer&#40;&#41; {
	var tab=&#34;                   azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN0123456789_&#036;&amp;#@&#34;;
	var login=document.forms&#91;0&#93;.elements&#91;&#34;login&#34;&#93;.value;
	var password=document.forms&#91;0&#93;.elements&#91;&#34;password&#34;&#93;.value;
	var nblog=login.length;
	var nbpass=password.length;
	var sum=1;
	var n=Math.max&#40;nblog,nbpass&#41;
	for &#40;var i=0;i&#60;n;i++&#41; {
  var index1=tab.indexOf&#40;login.substring&#40;i,i+1&#41;&#41;+10;
  var index2=tab.indexOf&#40;password.substring&#40;i,i+1&#41;&#41;+10;
  sum=sum+&#40;index1*n*&#40;i+1&#41;&#41;*&#40;index2*&#40;i+1&#41;*&#40;i+1&#41;&#41;;
	}
	
	document.forms&#91;0&#93;.elements&#91;&#34;checksum&#34;&#93;.value=sum;

}
&#60;/SCRIPT&#62;
&#60;/HEAD&#62;

&#60;BODY bgcolor=&#34;#FFFFFF&#34; alink=&#34;#000066&#34; link=&#34;#000066&#34; vlink=&#34;#000066&#34; &#62;
&#60;CENTER&#62;
&#60;FONT FACE=&#34;Arial&#34; SIZE='-1' COLOR=&#34;#000099&#34;&#62;
&#60;BIG&#62;&#60;B&#62;Protection par logins et mots de passe multiples&#60;/B&#62;&#60;BIG&#62;&#60;BR&#62;&#60;BR&#62;
Le principe de fonctionnement&#60;p&#62;
&#60;TABLE width=500&#62;&#60;TR&#62;&#60;TD align='left'&#62;&#60;FONT size='-1' face='Arial' color='#000099'&#62;
	En fait le LOGIN &#40;ou IDENTIFIANT&#41; est le nom de la page html qu'il protège. 
	&#60;br&#62;Quand le login et le mot de passe sont valides, la page correspondante se charge&#58; c'est à dire &#60;B&#62;login+&#34;.html?#34;&#60;/B&#62;
	&#60;p&#62;Pour que ce système soit efficace, le mot de passe correspondant au login est chiffré. Donc pour chiffrer les 
	mots de passe, il faut utiliser le module ci-dessous.
    &#60;p&#62;Une fois que le mot de passe est chiffré, il faut le copier et le coller dans le script de la page
	qui contient le formulaire de saisie&#60;BR&#62;Voici un exemple de chiffres des mots de passe paramétrés&#58;
	function Verifie&#40;&#41; {&#60;BR&#62;
	&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Check&#40;1111111,2222222,3333333&#41;&#60;BR&#62;
	}&#60;BR&#62;
	Il faut coller les mots de passe chiffrés en remplacement ou à la suite des chiffres dans la
    parenthèse dans la page &#60;b&#62;module_pass&#60;/b&#62;.
	&#60;p&#62;Ce système permet aussi d'éviter de charger une page vide ou une page d'erreur &#40;erreur 404&#41; lorsque le login ou le mot de passe n'est pas valide&#60;BR&#62;
	&#60;BR&#62;Par contre &#40;par sécurité&#41; ce module ne permet pas de retrouver un mot de passe d'origine à l'aide des chiffres.&#60;/big&#62;&#60;/big&#62;
&#60;/FONT&#62;&#60;/font&#62;&#60;p&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;2&#34;&#62;Créer
une page vierge&#60;/font&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;3&#34;&#62;&amp;nbsp;&#60;/font&#62;&#60;FONT FACE=&#34;Arial&#34; SIZE='-1' COLOR=&#34;#000099&#34;&#62;&#60;big&#62;&#60;big&#62;
&#60;/big&#62;&#60;/big&#62;&#60;font face=&#34;Arial&#34; size=&#34;3&#34;&#62;scorypso&#60;/font&#62;&#60;/font&#62;&#60;font face=&#34;Arial&#34; size=&#34;3&#34; color=&#34;#000099&#34;&#62;.html
&#60;/font&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;2&#34;&#62;et une autre&#60;/font&#62;&#60;font face=&#34;Arial&#34; size=&#34;3&#34; color=&#34;#000099&#34;&#62;
Test.html?#60;/font&#62;
	&#60;p&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;3&#34;&#62;&#60;b&#62;login&#60;/b&#62;&#60;b&#62; &#58;&#60;/b&#62;  &#60;/font&#62;
    &#60;font face=&#34;Arial&#34; size=&#34;3&#34;&#62; scorypso&#60;/font&#62;
    &#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;3&#34;&#62;
    et &#60;b&#62;password &#58;&#60;/b&#62;  &#60;/font&#62;
    &#60;font face=&#34;Arial&#34; size=&#34;3&#34;&#62; MasterCode&#60;/font&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;3&#34;&#62;&amp;nbsp; sont égal à&amp;nbsp;28830001&#60;/font&#62;
	&#60;p&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;3&#34;&#62;&#60;b&#62;login &#58;&#60;/b&#62; &#60;/font&#62;&#60;font face=&#34;Arial&#34; size=&#34;3&#34;&#62;Test&amp;nbsp;&#60;/font&#62;&#60;font face=&#34;Arial&#34; color=&#34;#000099&#34; size=&#34;3&#34;&#62;&amp;nbsp;
    et&#60;b&#62; password &#58;&#60;/b&#62; &#60;/font&#62;&#60;font face=&#34;Arial&#34; size=&#34;3&#34;&#62; scorypso &#60;font color=&#34;#000099&#34;&#62;sont
    égal à &#60;/font&#62;&#60;/font&#62;
    &#60;font color=&#34;#000099&#34;&#62;4590177&#60;/font&#62;
&#60;FONT FACE=&#34;Arial&#34; SIZE='-1' COLOR=&#34;#000099&#34;&#62;
&#60;p&#62;&amp;nbsp;&#60;/font&#62;&#60;/TD&#62;&#60;/TR&#62;&#60;/TABLE&#62;

&#60;font size=&#34;4&#34;&#62;

Entrez le login et le mot de passe associé pour chiffrer le mot de passe&#60;/font&#62;

&#60;BIG&#62;&#60;BIG&#62;

&#60;BR&#62;
&#60;FORM&#62;
	&#60;TABLE border=0&#62;
  &#60;TR&#62;&#60;TD&#62;&#60;FONT size=2 face=&#34;arial&#34;&#62;&#60;b&#62;LOGIN &#58;&#60;/b&#62; &#60;/FONT&#62;&#60;/TD&#62;&#60;TD&#62;&#60;INPUT name=&#34;login&#34; type='text' size=12&#62;&#60;/TD&#62;&#60;/TR&#62;
  &#60;TR&#62;&#60;TD&#62;&#60;FONT size=2 face=&#34;arial&#34;&#62;&#60;b&#62;PASSWORD &#58;&#60;/b&#62; &#60;/FONT&#62;&#60;/TD&#62;&#60;TD&#62;&#60;INPUT type=&#34;text&#34; name=&#34;password&#34; size=12&#62;&#60;/TD&#62;&#60;/TR&#62;
  &#60;TR&#62;&#60;TD colspan=2 align=center&#62;&#60;INPUT type='button' value='Calculer la checksum' onClick=&#34;Calculer&#40;&#41;&#34;&#62;&#60;/TD&#62;&#60;/TR&#62;
  &#60;TR&#62;&#60;TD colspan=2 align=center&#62;&#60;INPUT type='text' name=&#34;checksum&#34; size=15&#62;&#60;/TD&#62;&#60;/TR&#62;
	&#60;/TABLE&#62;



&#60;/FORM&#62;&#60;BR&#62;


&#60;/big&#62;&#60;/big&#62;&#60;font size=&#34;4&#34;&#62;


&#60;A HREF=&#34;module_pass.html?#34;&#62;&#60;B&#62;Retourner à la page de saisie du mot de passe&#60;/B&#62;&#60;/A&#62;
&#60;br&#62;&#60;/font&#62;

&#60;BIG&#62;&#60;BIG&#62;

&#60;br&#62;
&#60;/CENTER&#62;
&#60;/BODY&#62;


&#60;/HTML&#62;

tu dois créer les pages en les nomants par les même nom que le login pour être redirigé vers celle-ci .
soit ici dans notre exemple la page scorypso.html et Test.html
Le script du module_pass peut être utilisé dans une page d’accueil perso afin d’être redirigé vers la home page.

edit : erreur page module_pass il faut changer :
tous les ?#62; par > et ?#34; par "

erreur page module_calcul il faut changer :
tous les ?#62; par > et ?#34; par "

:grrr: quelle merde surtout sachant que si tu remplaces un ; par , rien ne va plus :grrr:

merci beaucoup!! c’est un peu plus complexe car j’ai pas encore vu tout sa, je vais essayé de comprendre, y’a certaines balises que j’ai pas encore vu et aussi pour la declaration des variables… enfin y’a pas que sa!!
en tout qu’a c’est sympa de m’aider.

topic qui date mais je préfère préciser.

Un script JAVASCRIP pour protéger une page par mot de passe ce n’est pas du tout efficace !
Je te conseils PHP car la source est interprété par le serveur et non sur la page visitée.