用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()