重定向html页面，如果没有登录 [英] redirect html page if not login

问题描述

我的网页上有简单的登录表单。它使用JavaScript来登录用户，工作正常。
的问题在于，用户将登陆页面url直接输入到地址栏中，他直接可以访问该页面而无需登录。如果他没有登录，我想将他重定向到登录页面。
以下是loding和目标页面的链接。

登录： http://samdesign.comli.com/protected/index.html

target： http://samdesign.comli.com/protected/user-soft.html

以下是使用的脚本。

 < form> 
< table align = center> 
< tr> 
< td>使用者名称：< / td> 
< td>< input type =textname =usernamestyle =background：#bfbfbf; color：＃212121; border-color：＃212121; onFocus =this.style.background ='#ffffff'; onBlur =this.style.background ='#bfbfbf';>< / td> 
< / tr> 
 
< tr> 
< td>密码：< / td> 
< td>< input type =passwordname =passwordstyle =background：#bfbfbf; color：＃212121; border-color：＃212121; onFocus =this.style.background ='#ffffff'; onBlur =this.style.background ='#bfbfbf';>< / td> 
< / tr> 
 
< tr> 
< td>< / td> 
< td align = right>< input type =buttonvalue =LoginonClick =Login（this.form）;风格= 背景：#bfbfbf; COLOR：＃000000; BORDER-COLOR：＃212121; onMouseOver =this.style.color ='＃404040'; onMouseOut =this.style.color ='＃000000'; onFocusr =this.style.color ='＃404040'; onBlur =this.style.color ='＃000000';>< / td> 
< / tr> 
< / table> 
< / form> 
  

脚本就是这个

 功能登录（形式）{
的用户名=新阵列（ numair， SAM， U3， U4， U5， U6， U7， U8\" ， U9， U10， 临时）; 
密码=新阵列（ nk1994， sf1993， P3， P4， P5， P6， P7， P8， P9， P10，用户）; 
 page =/protected/user-soft.html; 
 if（form.username.value == username [0]&& form.password.value == password [0] || form.username.value == username [1]&& form .password.value == password [1] || form.username.value == username [2]&& form.password.value == password [2] || form.username.value == username [3 ]&& form.password.value == password [3] || form.username.value == username [4]&&&& form.password.value == password [4] || form.username。值==用户名[5]&& form.password.value ==密码[5] || form.username.value ==用户名[6]&& form.password.value ==密码[6] || form.username.value == username [7]&& form.password.value == password [7] || form.username.value == username [8]&& form.password.value == password [8] || form.username.value == username [9]&& form.password.value == password [9] || form.username.value == username [10]&& amp ; form.password.value == password [10]）{
 self.location.href = page; 
} 
 else {
 alert（您输入的用户名或密码不正确。\\\
请再试一次。）; 
 form.username.focus（）; 
} 
返回true; 
} 
  

任何一个都可以提供帮助吗？
<解决方案

  //在重定向
 var sessionTimeout = 1之前，将它放入您的登录函数中。 // hours 
 var loginDuration = new Date（）; 
 loginDuration.setTime（loginDuration.getTime（）+（sessionTimeout * 60 * 60 * 1000））; 
 document.cookie =CrewCentreSession = Valid;+ loginDuration.toGMTString（）+; path = /; 
 
 
 //在索引页
的顶部将这个如果（document.cookie.indexOf（ CrewCentreSession =有效）== -1）{
 location.href =/Login.html; 
} 
  

I have simple Login Form on my webpage. It uses javascript to login user and works fine. problem is that is user types the landing page url directly into the adress bar he directly can acess the page without login. i want to redirect him to the login page if he didn't login. below are the links of loding and target page.

login: http://samdesign.comli.com/protected/index.html

target: http://samdesign.comli.com/protected/user-soft.html

and here is the script used are below..

<form>
<table align=center>
  <tr>
     <td>Username:</td>
     <td><input type="text" name="username" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';"></td>
  </tr>

  <tr>
     <td>Password:</td>
     <td><input type="password" name="password" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';"></td>
  </tr>

  <tr>
  <td></td>
  <td align=right><input type="button" value="Login" onClick="Login(this.form);" style="background:#bfbfbf;color:#000000;border-color:#212121;" onMouseOver="this.style.color = '#404040';" onMouseOut="this.style.color = '#000000';" onFocusr="this.style.color = '#404040';" onBlur="this.style.color = '#000000';"></td>
  </tr>
</table>
</form>

script is this

function Login(form) {
username = new Array("numair","sam","u3","u4","u5","u6","u7","u8","u9","u10","temporary");
password = new Array("nk1994","sf1993","p3","p4","p5","p6","p7","p8","p9","p10","user");
page = "/protected/user-soft.html";
if (form.username.value == username[0] && form.password.value == password[0] || form.username.value == username[1] && form.password.value == password[1] || form.username.value == username[2] && form.password.value == password[2] || form.username.value == username[3] && form.password.value == password[3] || form.username.value == username[4] && form.password.value == password[4] || form.username.value == username[5] && form.password.value == password[5] || form.username.value == username[6] && form.password.value == password[6] || form.username.value == username[7] && form.password.value == password[7] || form.username.value == username[8] && form.password.value == password[8] || form.username.value == username[9] && form.password.value == password[9] || form.username.value == username[10] && form.password.value == password[10]) {
self.location.href = page;
}
else {
alert("Either the username or password you entered is incorrect.\nPlease try again.");
form.username.focus();
}
return true;
}

can any one help with exapmle?

解决方案

// Put this in your login function, just before the redirect
var sessionTimeout = 1; //hours
var loginDuration = new Date();
loginDuration.setTime(loginDuration.getTime()+(sessionTimeout*60*60*1000));
document.cookie = "CrewCentreSession=Valid; "+loginDuration.toGMTString()+"; path=/";


// Put this at the top of index page
if (document.cookie.indexOf("CrewCentreSession=Valid") == -1) {
  location.href = "/Login.html";
}

这篇关于重定向html页面，如果没有登录的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！