Gillar du den här guiden? Vill du att vi ska fortsätta göra fler guider? - läs mer här » 

skriv ut »

Lösenordsskydd för
flera användare

Ett relativt enkelt lösenordsskydd där du i förväg kan ange AnvändarId och lösenord för flera olika användare. prova exemplet nedan, det finns tre olika AnvändarId och Lösenord som du kan prova:

medlem1/password1
medlem2/password2
medlem3/password3

 

Logga in till medlemssidorna:
AnvändID:
Lösenord:

 

 

Steg 1:
Lägg koden inom <HEAD>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="medlem1" && password=="password1") { window.location="medlem1.htm"; done=1; }
if (username=="medlem2" && password=="password2") { window.location="medlem2.htm"; done=1; }
if (username=="medlem3" && password=="password3") { window.location="medlem3.htm"; done=1; }
if (done==0) { alert("Fel inloggningsuppgifter, prova igen!"); }
}
// End -->
</SCRIPT>


</HEAD>


Byt ut den markerade texten mot dina egna Lösenord, AnvändarId, meddelande och filnamn.

Steg 2:
Lägg koden inom <BODY>

<BODY>

<form name=login>
<table width=225 border=0>
<tr><td colspan=2>
<center><b>
Logga in till medlemssidorna:</b></center>
</td></tr>
<tr><td>
AnvändarID:</td>
<td><input type=text name=username></td></tr>
<tr><td>
Lösenord:</td>
<td><input type=password name=password></td></tr>
<tr><td colspan=2 align=center>
<input type=button value="Logga in" onClick="Login()" name="button">
</td></tr>
</table>
</form>

</BODY>

Byt ut texten i fetstil mot din egen text.

OBS! det här är ingen metod du bör använda om du verkligen vill skydda informationen från obehöriga, då bör lösenordet skötas via script som hanteras direkt av webservern och inte av webläsaren som i detta exempel! webservern, inte direkt i HTML-koden!

Har du behov av ett bättre skydd kan du använda Apache's .htaccess »

Till förra sidan!