
<!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>
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.