Ads
Share on Google+<!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
Ads