用HTML创建登录页面

Creating a login page with HTML

本文关键字:登录 创建 HTML      更新时间:2023-09-26

我试图使一个网页,用户登录,然后一旦登录,页面保持跟踪空闲时间(不按键或移动鼠标)。我在codepen上分别创建了两个页面(见附件链接)。但是,我不知道如何将两者链接起来,以便用户可以登录,并在等待太长时间后自动注销。

登录页面:http://codepen.io/joebob461/pen/MwdPzN

 //incomplete code sample from link
function check(form) { 
  if (form.userid.value == "myuserid" && form.pswrd.value == "mypswrd") {
     window.open('target.html') 
  } else {
  alert("Error Password or Username") 
 }
}

空闲时间页面:http://codepen.io/joebob461/pen/BNeqvP

//incomplete code sample from link
#welcome {
  text-align: center;
}

您需要将登录表单数据发送回服务器以进行身份验证。表单post将使用idletimer javascript方法将您重定向到第二个页面。

一旦idletimer代码确定是时候注销用户了,您可以使用ajax post返回到服务器,让服务器执行此操作。您没有指定要使用的服务器框架。然而,在ASP中。. NET在使用asp.net时。. NET成员资格提供程序,您只需让服务器调用

FormsAuthentication.Signout()