Question

我尝试使用基本的登录/密码数组功能来处理我的html / css文件。我习惯于java - 通过在函数之外声明数组来公开数组，但我不确定这是否正确。我似乎无法找到我的代码出了什么问题，我们将非常感谢任何帮助！

JavaScript的：

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

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

    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;
    }

}

function addMember(){
    var newun = document.signup_form.new_username.value;
    var newpw = document.signup_form.new_pword.value;
    var valid=true;

    for (var i=0; i <unArray.length; i++) {
        if (newun == unArray[i]) {
            valid = false;
            break;
        }
    }

    if(valid){
        unArray.push("newun"");
        pwArray.push("newpw");
        alert ("Signup was successful");
        return false;
    } else {
        alert ("Username Taken");
        return false;
    }
}
}

HTML：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>AI Blog</title>
    <link rel="stylesheet" href="LoginPage.css">
    <script src="LoginPage.js"></script>
</head>
<body>
    <div id="container">
        <nav id="top_menu">
            <ul>
                <button id="Home" onclick="location.href= 'AIWebsite.html';" style="border:none" ;> HOME </button>
                <button id="RecentNews" onclick="location.href= 'RecentNewsPage.html'" style="border:none;">RECENT NEWS</button>
                <button id="R&D" onclick="location.href= 'ResearchPage.html';" style="border:none;">RESEARCH & DEVELOPMENT</button>
                <button id="Timeline" onclick="location.href= 'TimelinePage.html'" style="border:none;">TIMELINE</button>
                <button id="Ethics" onclick="location.href= 'EthicsPage.html'" style="border:none;">ETHICS</button>
                <button id="Journals" onclick="location.href= 'JournalsPage.html'" style="border:none;">JOURNALS</button>
                <button id="Login" onclick="location.href= 'LoginPage.html'" style="border:none;">LOGIN</button>
        </nav>
        <form name="myform">
            <div id="login_area">
                <p>
                    ENTER USER NAME <input type="text" name="username"> ENTER PASSWORD <input type="password" name="pword">
                    <input type="button" value="Log in" name="Submit" onclick="validate()">
                </p>
            </div>
        </form>
        <h2> Or Sign Up </h2>
        <form name="signup_form">
            <div id="signup_area">
                <p>
                    Enter User Name <input type="text" name="new_username"> Enter Password <input type="password" name="new_pword">
                    <input type="button" value="Sign Up" name="Sign_up" onclick="addMember()">
            </div>
        </form>
    </div>
</body>
</html>

的CSS：

*{
    margin:0px;
    padding:0px;
}
header, section, footer, aside, nav, article, hgroup{
    display:block;
}
body{
    width:100%;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1;
    background: blue;
    background-size: 100%;
}
#container{
    text-align:center;
    padding-bottom: 30px;
}
#top_menu button{ 
    display:inline-block;
    font: 18px Neue Helvetica;
    padding-top: 30px;
    margin-left:10px;
    margin-right:10px;
    color:#D0D0D0; 
    background:none;
    cursor:pointer;
}
#Login{
    float:right;
}
#login_area{
    clear:both;
    text-align:center;
    margin-top: 100px;
}
#signup_area{
    clear:both;
    text-align:center;
    margin-top: 100px;
}
h2{
    margin-top: 150px;
}
button:focus {outline:0;}

可以从多个函数（javascript）访问数组吗？

0 个答案: