简单的JavaScript登录，重定向到用户的页面（多用户）

我校下周做5天的HTML挑战，我练我的想法，简单的JavaScript登录，重定向到用户的页面（多用户）

要切入正题，

我想要使用支持多个用户的外部JavaScript脚本创建登录系统，并且当两个登录表单从代码的某个部分有效时，它将重定向到用户页面：我有两个输入设置：

<center> <h1> Join now! </h1> </center> 
</header> 
<p> Username </p> <input> </input><p> Password </p> <input> </input> 
<button> Submit </button>

随意让需要这个代码的任何调整，我宁愿不使用数据库的此项目

感谢您的帮助球员:)

哦PS，我只需要三个用户系统

而且你可以将用户的jQuery藏汉如有必要

再次感谢

来源

2013-08-24 Ronan Duffy

我不想听起来像一个混蛋。但是有一个关于stackoverflow的指南，它提出了一个问题，你必须对问题有一个最小的理解。这看起来不像你。尝试阅读一般HTML输入标签和用户身份验证的语法。 – Hless

至少，你可以在一个php文件中定义3个用户和密码。 ajax到php页面，并允许进入适当的PHP，如果用户名/密码匹配。否则，您将拥有客户端上的所有用户名和密码，这些用户名和密码甚至不具有远程安全性。 – carter

我有一个最低限度的理解检查了这一点：theslashclan.24.eu和goto管理员登录 –

我能想到的最简单的登录表单。显然没有充分的证据。您应该使用加密并将其存储在数据库中，并使用会话和所有爵士乐。但这很简单。

HTML：

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<h1> Join now! </h1> 
<form name="login_form" method="POST" action="checkLogin.php"> 
    <p> Username </p> <input type="text" name="user"> 
    <p>Password </p> <input type="pass" name="pass"> 
    <input type="submit" value="Submit"> 
</form> 
</body> 
</html>

PHP：

<?php 
//make an associative array of users and their corresponding passwords. 
$user_pass_list = array("Joe" => "1234", "Bob" => "4321", "Sally" => "super"); 

//assign the 'user' variable passed in the post from html to a new php variable called $user 
$user = $_POST['user']; 
//assign the 'pass' variable passed in the post from html to a new php variable called $pass 
$pass = $_POST['pass']; 

//check if the user exists in our array 
if(array_key_exists($user, $user_pass_list)){ 
    //if it does, then check the password 
    if($user_pass_list[$user] == $pass){ 
    echo "Login Success"; 
    }else{ 
    echo "Login Failure"; 
    } 
}else{ 
    echo "User does not exist"; 
} 

?>

来源

2013-08-24 21:48:40 carter

然后下载WAMP，启动它，创建一个php文件和一个html文件。 Wham，bam，谢谢你。你有一个用户检查服务器。 :) gl – carter

那就是那个，谢谢你的回答 –

据我了解，你只会有3个可能登陆预定义的用户。我认为你只想显示应用程序的功能，而不需要构建防弹登录系统。要做到这一点，你可以有这样的形式：

<form> 
    <legend>Log In</legend> 

    <fieldset> 
     <label for="username">Username: </label> 
     <input id="username" type="text"> 

     <label for="password">Password: </label> 
     <input id="password" type="password"> 

     <button id="login" type="button">Log In!</button> 
    </fieldset> 
</form>

纯JavaScript验证和重定向：

var users = [ 
    { username: 'user1', password: 'pass1' }, 
    { username: 'user2', password: 'pass2' }, 
    { username: 'user3', password: 'pass3' } 
]; 

var button = document.getElementById('login'); 

button.onclick = function() { 
    var username = document.getElementById('username').value; 
    var password = document.getElementById('password').value; 

    for (var i = 0; i < users.length; i++) { 
     if(username == users[i].username && password == users[i].password) { 
     window.location.href = 'http://where/you/want/to/redirect/'; 
     break; 
     }else{ 
     alert('You are trying to break in!'); 
     } 
    } 
}

PS：这个例子只是说明了如何在3个用户存储在一个阵列，以及如何验证前端的输入，以便只有这些用户才能登录。

来源

2013-08-24 21:42:51

谢谢:)帮助 –

简单的JavaScript登录，重定向到用户的页面（多用户）

回答

相关问题