Search the Community
Showing results for tags 'javascript login css'.
Found 1 result
-
Can someone tell me why this isn't working? 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; }
