1

我正在尝试使用 html、css 和 javascript 创建一个登录表单,我已经完成了。但是,这里的问题是用户成功登录后我无法在所有页面中显示用户名。而且似乎在用户成功登录后,它停留在应该在另一个页面的同一页面上。任何人都可以帮我处理这段代码或给我一个提示,以便我可以完成剩下的工作。

这是我正在使用的代码

<head>
  <title>Login page</title>
</head>
<body>

<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt;
 color:#00FF00;>Simple Login Page</h1>

 <form name="myForm" method="post" action="target.html">
 Username<input type="text" name="userid" id="userid"/>
 Password<input type="password" name="pswrd"/>
 <input type="button" onclick="check(this.form)" value="Login"/>
 <input type="reset" value="Reset"/>
 </form>
 <script language="javascript">
 function check(form)
 {

 if(form.userid.value && form.pswrd.value)
  {

alert("Welcome to BOOKSIS.COM");
var userid = document.getElementById("userid").value;
document.write("Welcome " + userid);

   }
   else
   {
    alert("Error Password or Username");
    }
   }

   </script>
   </body>
   </html>
4

2 回答 2

2

您需要一个服务器来将您的登录数据存储在会话中。HTTP 是无状态协议,不能存储数据。尝试学习 PHP 或其他服务器端语言,并通过 Ajax 将变量发送到您的服务器。

于 2013-09-21T22:23:59.253 回答
0

错误的工作工具...任何只有中等脚本工作知识的人都可以轻松绕过 Javascript。您的 JS 没有什么是用户无法执行的(例如,确定它正在检查的密码)。您无法向用户隐藏该代码,因为必须将其发送给他们才能执行。

您需要在服务器端执行此检查并使用 cookie/会话来存储“登录”状态。

可以从 Javascript 设置一个 cookie 并使用它,但如上所述,所提供的安全性是如此微不足道,以至于不值得花时间去实现它。

我强烈建议您研究 ASP.Net、PHP 或 Python 来帮助您入门

于 2013-09-21T22:26:49.393 回答