<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>LOGIN</title> <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" /> <!-- jquery core --> <script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script> <!-- Custom jquery scripts --> <script src="js/jquery/custom_jquery.js" type="text/javascript"></script> <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix --> <script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix( ); }); </script> <script type="text/javascript"> function validateForm() { var x=document.login.uname.value; if (x==null || x=="") { alert("Username cannot be empty"); return false; } var illegal=/^[a-zA-Z]+$/; if (!illegal.test(x)) { alert("illegal characters"); return false; } var y=document.login.upass.value; if (y==null || y=="") { alert("Password cannot be empty"); return false; } if(y.length<5) { alert("Password should be minimum 5 characters long"); return false; } } </script> </head> <body id="login-bg"> <!-- Start: login-holder --> <div id="login-holder"> <!-- start logo --> <div id="logo-login"> <!--<a href="index.html"><img src="images/shared/logo.png" width="156" height="40" alt="" /></a> --> </div> <!-- end logo --> <div class="clear"></div> <!-- start loginbox................................................................................. --> <div id="loginbox"> <h1><b>Login</b></h1> <!-- start login-inner --> <div id="login-inner"> <form name="login" action="LoginController" method="post" onsubmit="return validateForm();"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <th>Username</th> <td><input type="text" name="uname" onfocus="this.value=''" class="login-inp"/></td> </tr> <tr> <th>Password</th> <td><input type="password" name="upass" onfocus="this.value=''" class="login-inp" /></td> </tr> <!--<tr> <th></th> <td valign="top"><input type="checkbox" class="checkbox-size" id="login-check" /><label for="login-check">Remember me</label></td> </tr>--> <tr> <th></th> <td><input type="submit" value="SUbmit" class="submit-login" /></td> </tr> </table> </form> </div> <!-- end login-inner --> <div class="clear"></div> <!--<a href="" class="forgot-pwd">Forgot Password?</a>--> </div> <!-- end loginbox --> <!-- start forgotbox ................................................................................... --> <div id="forgotbox"> <div id="forgotbox-text">Please send us your email and we'll reset your password.</div> <!-- start forgot-inner --> <div id="forgot-inner"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <th>Email address:</th> <td><input type="text" value="" class="login-inp" /></td> </tr> <tr> <th> </th> <td><input type="submit" value="Submit" class="submit-login" /></td> </tr> </table> </div> <!-- end forgot-inner --> <div class="clear"></div> <a href="" class="back-login">Back to login</a> </div> <!-- end forgotbox --> </div> <!-- End: login-holder --> </body> </html>
Ads