MaryJane Posted April 23, 2014 Share Posted April 23, 2014 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; } Quote Link to comment Share on other sites More sharing options...
gristoi Posted April 24, 2014 Share Posted April 24, 2014 change === to == Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.