Javascript登录页面

时间:2013-11-24 09:05:22

标签: javascript html

所以我有一个我制作的登录脚本,但我想要它,所以当用户成功登录时,他们会转到该用户的页面集,例如用户个人资料页面 我怎么做到这一点?

<script type = "text/javascript">
var count = 2;

function validate() {
    var un = document.myform.username.value;
    var pw = document.myform.pword.value;
    var valid = false;

    var unArray = ["Philip", "George", "Sarah", "Michael"];
    var pwArray = ["Password1", "Password2", "Password3", "Password4"];

    for (var i=0; i <unArray.length; i++) {
        if ((un == unArray[i]) && (pw == pwArray[i])) {
        valid = true;
            break;
        }
    }

    if (valid) {
        alert ("Login was successful");
        window.location = "http://www.google.com";
        return false;
    }

    var t = " tries";

    if (count == 1) {t = " try"}

    if (count >= 1) {
        alert ("Invalid username and/or password. " +
               "You have " + count + t + " left.");
        document.myform.username.value = "";
        document.myform.pword.value = "";
        setTimeout("document.myform.username.focus()", 25);
        setTimeout("document.myform.username.select()", 25);
        count --;
    }

    else {
        alert ("Still incorrect! You have no more tries left!");
        document.myform.username.value = "No more tries allowed!";
        document.myform.pword.value = "";
        document.myform.username.disabled = true;
        document.myform.pword.disabled = true;
        return false;
    }

}

</script>

<form name = "myform">
  <p>
    ENTER USER NAME <input type="text" name="username">
    ENTER PASSWORD <input type="password" name="pword">
    <input type="button" value="Check In" name="Submit" onclick="validate()">
  </p>
</form>

3 个答案:

答案 0 :(得分:1)

首先,我不能回答这个问题而不说菲利普,乔治,莎拉或迈克尔不会感谢你以这种方式显示他们的密码:

var pwArray = ["Password1", "Password2", "Password3", "Password4"];

正如其他人所说:如果你要对这样的页面进行编码,那么使用密码是没有意义的,因为它们对页面的所有用户都是可见的。 但是,根据您目前使用的方法,您可以执行以下操作

var pwLocation = ["location1", "location2", "location3", "location4"];
window.location = pwLocation[i];

答案 1 :(得分:0)

使用javascript创建登录页面并不安全,因为由于javascript是客户端脚本,任何用户都可以使用页面源查看代码的外观,因此如果您需要创建登录页面,您最好学习像PHP这样的服务器端脚本语言。

回答你的问题:

使用if statment根据用户名将每个用户重定向到特定页面,例如,如果username是'jamson',则使用找到其页面的位置将jamson重定向到他自己的页面。 如果你有千分之一的用户,这种方法仍然很烦人。

答案 2 :(得分:0)

我不会通过JavaScript来做到这一点。它非常不安全,因为用户可以查看源代码,并且可以找到用户名列表。

要回答您的问题,请将显示为window.location = "http://www.google.com";的行更改为window.location = un.toLowerCase()+".html";