JavaScript Password Protection Code - Multiple Users

This JavaScript does not use a table interface to login. After clicking the Login! button, the script will ask them for their username and password, and then perform the password-protection.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript">

<!-- Begin
function LogIn(){
loggedin=false;
username="";
password="";
username=prompt("Username:","");
username=username.toLowerCase();
password=prompt("Password:","");
password=password.toLowerCase();
// Multi-User Start-->
if (username=="GUEST" && password=="LOGIN") {
loggedin=true;
window.location="HOME-PAGE.HTML";
}
if (username=="GUEST2" && password=="LOGIN2") {
loggedin=true;
window.location="HOME-PAGE2.HTML";
}
// Multi-User End-->
if (loggedin==false) {
alert("Invalid login!");
}
}
// End -->
</script>

Insert this code into <body> tags

<form><input type=button value="CLICK HERE TO LOGIN!" onClick="LogIn()"></form>

Instruction:

Change the following text:

GUEST - User name.
LOGIN - Password.
HOME-PAGE.HTML - Web page to go after login success.

Webmaster » Web Programming » JavaScript » Password Protection » Multiple Users Code

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Sponsors

Recommended Links