(LMS)
signin.jsp
<%@include file="/include/header.jsp" %>
<br /><br /><br /><br /><br />
<script type="text/javascript">
function validate()
{
var username =
document.getElementById('id1');
var pass =
document.getElementById('id2');
if(notEmpty(username,"Please Enter Valid
Username")&&(notEmpty(pass,"Please Enter the
Password")))
{
if(isAlphabet(username, "Please Enter only letters for Librarian
Name"))
{
return true;
}
}
return false;
}
function notEmpty(elem, helperMsg)
{
if(elem.value.length
== 0)
{
alert(helperMsg);
elem.focus();
// set the focus to this input
return
false;
}
return
true;
}
function isAlphabet(elem, helperMsg)
{
var
alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp))
{
return
true;
}
else
{
alert(helperMsg);
elem.focus();
return
false;
}
}
</script>
<div
align="right">
<table
class="menu" align="center">
<tr>
<td><form
name="form1" action="Login" method="post"
onsubmit="return validate();" ></td>
<td> </td>
</tr>
<tr>
<th>User
Name:</th>
<td><input type="text" name="username"
width="150" id="id1"></td>
</tr>
<tr>
<th>Password:</th>
<td><input type="password" name="pass"
width="180" id="id2"></td>
</tr>
<tr>
<th>User
Type:</th>
<td><select
name="userType" >
<option>Librarian</option>
<option>Administrator</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Login"
/></td>
</tr>
<tr>
<td></form></td>
<td> </td>
</tr>
</table>
</div>
<br />
<%@include
file="/include/copyright.jsp" %>
style.css
/* CSS Document */
.style1 {
font-size:
28px;
font-weight:
bold;
font-family:
Verdana, Arial, Helvetica, sans-serif;
color:
#000099;
}
.style2 {
font-family:
Geneva, Arial, Helvetica, sans-serif;
font-weight:
bold;
color:
#FFFFFF;
}
.style11 {
color:
#FFFFCC;
font-family:
Verdana, Arial, Helvetica, sans-serif;
font-size:
12px;
}
.style15 {
font-size:
10px;
font-family:
Verdana, Arial, Helvetica, sans-serif;
font-weight:
bold;
color:
#FFFFFF;
}
.style17 {
font-size:
10px;
font-family:
Verdana, Arial, Helvetica, sans-serif;
}
.style19 {font-size: 12px}
.style20 {
color:
#3300FF;
font-weight:
bold;
font-family:
Verdana, Arial, Helvetica, sans-serif;
font-size:
14px;
}
body {
background-image:
url(../Images/Library0309%20039.jpg);
background-repeat:
repeat;
background-attachment:fixed;
}
.style22 {font-size: 12px; font-family: Verdana, Arial,
Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
.style23 {color: #FFFFFF}
.style24 {font-size: 12px; font-family: Verdana, Arial,
Helvetica, sans-serif; }
.style25 {
color:
#000099;
font-weight:
bold;
font-family:
Verdana, Arial, Helvetica, sans-serif;
font-size:
14px;
}
.style26 {
font-size:
24px;
color:
#FFFFFF;
}
.menu
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:20px;
}
.menu1
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:12px;
}
/*
body
{
background-image:url(../image/stationglass.png);
}
h2
{
color:#FFFFFF;
font-size:38px;
}
.menu
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:20px;
}
a.menu:visited:hover
{
color:#FF0000;
font-weight:bold;
text-decoration:none;
}
.img
{
background-image:url(../image/rainbow.gif);
}
.tb
{
background-color:#EDEDED;
}
*/
Comments
Post a Comment