2017-05-06 51 views
0

我创建了一个非常非常基本的登录系统。代码工作正常,但如果您检查元素,您可以看到所有读取用户名和密码的if。我的代码是:如何保护登录系统

` 
<html> 
<body> 
<form name="login"> 
Username: <input type="text" style="height:20px;width:150px;" name="un" id="un" 
<input type="button" onclick="login();" value="login" />/><br> 
    Password: <input type="password" style="height:20px;width:150px;" name="ps" id="ps" /><br> 
</form> 
</body> 
</html> 

and my checking function is:

<script language="javascript"> 
function login() 
{ 
if(login.un.value == "user1" && login.ps.value == "user1") { 
     alert("user1"): 
    } else { 
     if(login.un.value == "user2" && login.ps.value == "user2") { 
      alert("user2"); 
     } else { 
      alert("Unknown details"); 
      } 
} 
</script> 
+1

您不应该使用JavaScript或任何其他客户端语言创建登录系统。考虑使用PHP或Rails来代替。 –

+0

基本上你试图在javascript上创建完整的登录信息,这是从检查元素或视图源访问的开放信息。你需要完全从服务器端处理。检查这是一个PHP指南:http://phppot.com/php/php-login-script-with-session/ –

回答

1

正如已经在评论中提到的,这是不可能纯粹创建一个登录系统使用JavaScript在用户不能够读取所需的用户+从密码组合源代码。

因此,有必要在服务器端使用PHP,Ruby on Rails,Node或其他方式实现身份验证。