使用HTML创建登录页面

时间:2015-08-18 18:13:51

标签: javascript html css login logout

我正在尝试创建用户登录的网页,然后登录后,页面会跟踪空闲时间(不按键或移动鼠标)。我在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;
}

1 个答案:

答案 0 :(得分:0)

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

一旦idletimer代码确定是时候将用户注销,您可以使用ajax回发到服务器以让服务器执行此操作。您尚未指定要使用的服务器框架。但是,在ASP.NET中使用ASP.NET成员资格提供程序时,您只需要调用服务器

FormsAuthentication.Signout()