Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>Learning PHP - Login</title>
- </head>
- <body bgcolor="#303030">
- <script type="text/javascript">
- function blackLabels(){
- document.getElementById('lUser').innerHTML = "<B>Username: </B>";
- document.getElementById('lPass').innerHTML = "<B>Password: </B>";
- }
- function redLabel(){
- document.getElementById('lStatus').innerHTML = "<B><FONT color='red'>Must enter both a username an password.</FONT></B>"
- }
- function loginCheck(user, pass)
- {
- if(user != '' && pass != '')
- {
- if(user == 'Vysse' && pass == 'test')
- {
- document.getElementById('lStatus').innerHTML = "<B><FONT color='green'>Welcome Vysse!!!</FONT></B>"
- }
- else
- {
- document.getElementById('lStatus').innerHTML = "<B><FONT color='red'>Invalid username or password.</FONT></B>"
- blackLabels()
- }
- }
- else if(user != '' && pass == '')
- {
- document.getElementById('lPass').innerHTML = "<B><FONT color = 'red'>Password: </FONT></B>";
- document.getElementById('lUser').innerHTML = "<B>Username: </B>";
- redLabel();
- }
- else if(user == '' && pass != '')
- {
- document.getElementById('lPass').innerHTML = "<B>Password: </B>";
- document.getElementById('lUser').innerHTML = "<B><FONT color = 'red'>Username: </FONT></B>";
- redLabel();
- }
- else if(user =='' && pass =='')
- {
- document.getElementById('lPass').innerHTML = "<B><FONT color = 'red'>Password: </FONT></B>";
- document.getElementById('lUser').innerHTML = "<B><FONT color = 'red'>Username: </FONT></B>";
- redLabel();
- }
- else
- {
- blackLabels();
- }
- }
- </script>
- <center>
- <form name="f1">
- <label id="lStatus"></label>
- <br>
- <br>
- <label id="lUser" for="tUser"><B>Username: </B></label><input type="text" name="tUser">
- <br>
- <br>
- <label id="lPass" for="tPass"><B>Password: </B></label><input type="password" name="tPass">
- <br>
- <br>
- <input type="button" value="Login!" name="bLogin" onClick="loginCheck(f1.tUser.value, f1.tPass.value)">
- </form>
- </center>
- </body>
- </html>
Add Comment
Please, Sign In to add comment