Jump to content

Login script can't 'reach' CSS selectors?


MaryJane

Recommended Posts

Can someone tell me why this isn't working? :confused:
It's like it can't find the id's 'loginLock' and 'loginUnlock'... Please help me


HTML
<html>
    <head>
        <meta charset="UTF-8">
        <link href="CSS/stylesheet.css" rel="stylesheet" type="text/css"/>
        <title>My Vault</title>
    </head>
    <body>
        <div id="container">
            <div id="loginBox">
                <img id="loginLock" class="loginLocks" src="images/login/lock.png">
                <img id="loginUnlock" class="loginLocks" src="images/login/unlock.png">
                <form id="loginForm">
                    <input class="formText" type="text" name="username" placeholder="Indtast brugernavn.."><br>
                    <input class="formText" type="password" name="password" placeholder="Indtast adgangskode.."><br>
                    <input id="formLoginButton" type="button" value="Login!" onclick="validate(this.form)">
                </form>
                
            </div>
        </div>
        <script src="JS/core.js" type="text/javascript"></script>
        <script src="JS/login.js" type="text/javascript"></script>
    </body>
</html>



JS
$(document).ready(function() {
    function validate(form) {
        if (form.username.value==="Mary Jane") {
            if (form.password.value==="knife") {
                $('#loginLock').css({opacity: 0});
                $('#loginUnock').css({opacity: 1});
            }else {
            alert("Forkert brugernavn eller password");
            }
        } else {
        alert("Forkert brugernavn eller password");
        }
    }
});



CSS

#loginLock{

    opacity: 1;

}

#loginUnlock{

    opacity: 0;

}

 

 

 

 

 

Link to comment
https://forums.phpfreaks.com/topic/287975-login-script-cant-reach-css-selectors/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.