用HTML创建登录页面

Question

我正在尝试制作一个用户登录的网页，然后登录后，该页面会跟踪空闲时间（不按键或移动鼠标）。 我已经在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;
}

Answer 1

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

一旦idletimer代码确定是时候注销用户了，您就可以使用ajax发布回您的服务器，以使服务器执行此操作。 您尚未指定要使用的服务器框架。 但是，在ASP.NET中，使用ASP.NET Membership提供程序时，您只需要调用服务器即可

FormsAuthentication.Signout()