Friday, May 18, 2012

Login Screen build in HTML with CSS effects connectivity with JSP and Validation with JAVASCRIPT




<html>
<body>
<style type="text/css">
a{text-decoration:none}
a:hover{background-color:#cfd2d7;}
a:link{color:purple}
a:visited{color:purple;}
a:active{color:orange;}






p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>


<!-- Page starts -->


<!--Main table -->



<table border=1 bgcolor=skyblue height=730 width="750">


<tr>
<td>
<table BORDER=1  bgcolor=white background=  height=130 width=750>


<tr>
<td>
<!--sub Main table --><table  height=100 width=750>
<tr>


<td align="left">
<img src="images\fule.jpg" height="100" width="100">
</td>
<td width="550" align="center" >  <font face="Verdana" color=teal size="8"><b> Pune University</b></font><br><br> <font face="papyrus" color="brown" size=4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <b>Oxford of the East..  </td>





<td align="right"> </font>
<img src="images\sav.jpg" height="100" width="100">
</td>




</tr>
<!--Main table --></table>
</td>
</tr>


<tr>
<td>
<table border=1 background="images\bckg1.png" align="left"height="30" width="750">
<tr>
<td  align=center> <a href="index.html">  <font face="calibri" size="5">Home </font> </td>
<td  align=center> <a href="aboutuni.html">  <font face="calibri" size="5">              About university</td>
<td  align=center> <a href="academic.html">  <font face="calibri" size="5">   Academic </td>
<td  align=center> <a href="administration.html">  <font face="calibri" size="5">   Administration </td>
<td  align=center> <a href="feedback.jsp">  <font face="calibri" size="5">   Feedback </td>
<td  align=center> <a href="contact.html">  <font face="calibri" size="5">   Contact</td>
<td  align=center> <a href="admin.html">  <font face="calibri" size="5">   Admin </td>




</tr>


</table>



</td>
</tr>
</table>


</td>
</tr>






<tr>
<td>
<table border=1  bgcolor=skyblue height=150 width=750>
<tr>
<td  width=200>


<table border=1 background="images\bckg1.png" height=150 width=200>
<tr>
<td   align=center> <a href="distancelearning.html"> <font face="calibri" size="5"> Distance learning</font>     </td> </tr>
<tr><td  align=center> <a href="career.html">   <font face="calibri" size="5">    Career </td></tr>
<tr><td  align=center> <a href="studentCorner.html">   <font face="calibri" size="5">     Student Corner </td></tr>
<tr><td  align=center> <a href="hostel.jsp">   <font face="calibri" size="5">     Hostel </td>
</tr>
</table>
</td>




<td align=center height=150 width=400 background=>
<img src="images\admi.jpg" height=150 width=400>








</td>
<td align="center" height=150 width="150" >


<img src="images\savarkar.jpg" height="150" width="140">


</table>


</td>


</tr>





</td>
</tr>
<form action="http://localhost:8080/admin.jsp" name="admin" method="post" onsubmit="return validateForm()">


<tr>
<td bgcolor="#EFFCFC" align="center"><font face="calibri" color="teal" size="6">
ADMIN</font><td>
</tr>
<tr>
<td align=center height=400>
<table align=center border=0>




<tr>


<td align="right"> <font face="calibri"><b>Username : <b></td>
<td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="uname" size=20 title="Enter Username">   </td>

</tr>

<tr>
<td>&nbsp;<td>
</tr>





<tr>
<td align="right"> <font face="calibri"><b> Password : </b></td>
<td> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="password" name="pwd" size=20 title="Enter your password"> </td>

</tr>
 





<tr>
<td>&nbsp;</td>
</tr>




<tr>

<td>&nbsp;</td>
<td align="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" title="Click here to submit" value="Login">&nbsp;&nbsp;&nbsp; <input type="reset" title="Click here to clear" value="clear"></td>

 </td>


</tr>
</form>
</table>


</td>
</tr>






<!-- Footer -->




<tr>
<td>



<table  border=0 background="images\c.jpg" height=50 width=760>


<tr>
<td align=center colspan=95%>


<table border=0   align="center"height="30" width="300">
<tr>
<td  align=center> <a href="index.html">  <font face="calibri"  size="2"> Home|</font></td>
<td  align=center> <a href="aboutuni.html">  <font face="calibri" size="2">                   About Us|</td>
<td  align=center> <a href="feedback.jsp">  <font face="calibri" size="2">                   Feedback| </td>
<td  align=center> <a href="contact.html">  <font face="calibri" size="2">                   Contac Us| </td>
<td  align=center> <a href="admin.html">  <font face="calibri" size="2">                  Admin </td>
</tr>


</table>
<font face="papyrus" size="2" color="purple">All rights are reserved @ <a href="index.html"><font face="calibri" size="1" color=#EFFCFC>&nbsp; WWW.UNIPUNE.COM</font></a>


</td>


<td align=right colspan=5%>
powered by <a href="powered.html"> <img src="images\log.jpg" height="30" width="30">
</td>
</tr>
</table>


</td>
</tr>


</table>
<!--Main table Closed -->
</body>






<script language="javascript">


function validateForm()
{
var x=document.forms["admin"]["uname"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
 {
 alert("Incorrect Username");
document.forms["admin"]["uname"].focus();
 return false;
 }



var x=document.forms["admin"]["pwd"].value;
if (x==null || x=="")
  {
  alert("Provide the password");
document.forms["admin"]["pwd"].focus();
  return false;
  }
}
</script>
</html>









No comments:

Post a Comment