Formulaire identifiant/mot de passe [Résolu]

Michel - 14 janv. 2016 à 14:22 - Dernière réponse :  Michel
- 15 janv. 2016 à 06:36
Bonjour,
Je vais avoir besoin d'aide S.V.P.
Mon idée c'est d'avoir sur mon site une interface identifiant et mot de passe pour aller sur une page en ligne d'un autre site.
Le scripte que j'ai vue est très bien et me conviendrez.
Le problème c'est que Je n'ai pas compris dans le script ou je dois mettre mon identifiant et mot de passe et sur quel ligne je dois mettre mon URL de mon site pour avoir l’accès.

Si dessous le scripte:

Merci
Cordialement
Michel
------------------------------------

<HTML>
<HEAD>
<TITLE>Connexion à 'APPEL COLLEGE'</Liste>
<SCRIPT LANGUAGE="JavaScript">
function Login(){
var done=0;
var username=document.login.username.value;
var password=document.login.password.value;

if (guillou=="user1" && loire42100=="user1") {
window.location="user1.html";
}

if (username=="user2" && password=="user2") {
window.location="user2.html";
}

if (username=="user3" && password=="user3") {
window.location="user3.html";
}

if (username=="user4" && password=="user4") {
window.location="user4.html";
}

if (username=="guillou" && password=="loire42100") {
// Vous pouvez réservez une page pour vous même(options, etc.)
window.location="vous.html";
}
}
</SCRIPT>
<BODY>
<CENTER>
<FORM name=login>
<TABLE width=225 border=1 cellpadding=3>
<tr><td colspan=2><CENTER><FONT
size="+2"><b>Connexion</b></FONT></CENTER></td></tr>
<tr><td>Pseudo:</td><td><input type=text name=username></td></tr>
<tr><td>Mot de passe:</td><td><input type=PASSWORD name=password></td></tr>
<tr><td colspan=2 align=center><input type=button value="Connextion!" onClick="Login()"></td></tr>
</TABLE>
</FORM>
</CENTER>
</BODY>
</HTML>
Afficher la suite 

3 réponses

Répondre au sujet
Vince_02 33 Messages postés dimanche 15 mai 2005Date d'inscription 14 janvier 2016 Dernière intervention - 14 janv. 2016 à 15:09
+1
Utile
1
Coucou,

Dans un premier temps, ne fait pas une tel vérif user / password côté client, mais côté serveur (script PHP, ASP.Net, etc.), c'est plus sûr.

Ensuite, pour rediriger correctement l'utilisateur vers une page précise après avoir remplis le formulaire juste 2 petites choses :

Ton code HTML :
/* Ajoute à cette ligne */
<FORM name=login>
 /* Ceci : method="POST" et id="login" qui nous servira plus bas */
<FORM method="POST" name="login" id="login">

La method POST rend ton formulaire de connexion un poil plus sécurisé. Via la method GET les champs/valeur du formulaire sont visible dans l'url, ce n'est pas le cas avec POST.

Ton code Javascript :
Tu utilises window.location, il ne sert qu'à dire au navigateur vers quel page je dois aller sans info quelconque.
A ta place, je ferais quelque chose du style :
function Login(){
var done=0;
var username=document.login.username.value;
var password=document.login.password.value;
// Récupère le formulaire
var monForm=document.getElementById('login');
if (guillou=="user1" && loire42100=="user1") {
   //window.location="user1.html";
   //Définit l'attribut action au formulaire.
   // -> En gros dire vers où j'envoie / je vais, après avoir validé le formulaire
   monForm.setAttribute('action', 'user1.html');
   done=1;
}

if (username=="user2" && password=="user2") {
   //window.location="user2.html";
   monForm.setAttribute('action', 'user2.html');
   done=1;
}

if (username=="user3" && password=="user3") {
   //window.location="user3.html";
   monForm.setAttribute('action', 'user3.html');
   done=1;
}

if (username=="user4" && password=="user4") {
   //window.location="user4.html";
   monForm.setAttribute('action', 'user4.html');
   done=1;
}

if (username=="guillou" && password=="loire42100") {
   // Vous pouvez réservez une page pour vous même(options, etc.)
   //window.location="vous.html";
   monForm.setAttribute('action', 'vous.html');
   done=1;
}
/*
 * Si tout est ok, il y a plus qu'a valider le formulaire
 */
if (done==1) {
  monForm.submit();
} 


Voilà, ce n'est qu'une suggestion qui devrait t'aider à faire ce que tu veux ;)

--
Cette réponse vous a-t-elle aidé ?  
Bonjour,
Merci de tous vos renseignements.
Cordialement
Michel
Commenter la réponse de Vince_02
jordane45 19234 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention - 14 janv. 2016 à 15:10
0
Utile
Bonjour,

1 - Utiliser le Javascript pour ça .. n'est pas sécurisé du tout.
N'importe qui peut regarder le code source de ton site... et voir en clair tes identifiants.

2 - Tu dis :

Mon idée c'est d'avoir sur mon site une interface identifiant et mot de passe pour aller sur une page en ligne d'un autre site.

Donc... tu veux, protéger par un identifiant/mot de passe l'accès à cette page.... ou tu veux.. accéder à cette page et Y rentrer des identifiants ?????
Le code que tu montres... c'est le cas N°1 ....



Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.