javascript - 使用 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 成员资格提供程序时，您只需让服务器调用

FormsAuthentication.Signout()