Pages

Sunday, November 14, 2010

CS101 Assignment No. 2 solution

Solution:


<html> <head> <title>Student admission form: Student ID: Your VU ID</title>

<script language="javascript" type="text/javascript">

 function checkForm(){

if (document.regForm.one.value.length < 1){

alert("Empty Form field...! Please fill.");

return false;

}

if (document.regForm.two.value.length < 1){

alert("Empty Form field...! Please fill.");

return false;

}

if (document.regForm.three.value.length < 1){

alert("Empty Form field...! Please fill.");

return false;

}

if (document.regForm.four.value.length < 1){

alert("Empty Form field...! Please fill.");

return false;

}

return true;

}

</script>

</head>

<body background="C:\WINDOWS\Web\Wallpaper\Crystal.jpg" >

<form name="regForm" action="http://www.vu.edu.pk" method="post" onSubmit="return checkForm()">

<table border="0" align="center">

<tr><td align="center" bgcolor="sky blue" width="800" colspan="text">

<font color="white"><b>ADMISSION FORM</b></font></td></tr></table>

<table border="1" bordercolor="sky blue" align="center" bgcolor="white">

<tr><td colspan="2" align="left" bgcolor="sky blue" width="800">

<font color="white"><b>BIO-DATA</b></font></td></tr>

<tr><td align="left" width="30%"><b>Candidate's Name : </b></td>

<td width="70%">

<input type="text" align="left" name="one" size="20" maxlength="25"><b><font color="red">

Max. character limit is 25 </font></b></td></tr>

<tr><td align="left" width="30%"><b>Father's Name : </b></td>

<td width="70%"><input type="text" align="left" name="two" size="20" maxlength="25"><b><font color="red">

Max. character limit is 25 </font></b></td></tr>

<tr><td valign="top" width="30%"><b>Postal-Address : </b></td>

<td width="70%"><textarea name="three" cols="30" rows="3"></textarea><b><font color="red"></td></tr>

<tr><td align="left" width="30%"><b>Upload Your CV : </b></td>

<td width="70%"><input type="file" name="four" value="Browse" enctype="multipart"></td></tr>

<tr><td colspan="2" align="left" bgcolor="sky blue" width="800">

<b><font color="white">EDUCATION</b></font></td></tr>

<tr><td align="left" width="30%"><b>Highest Education : </b></td><td width="70%">

<select name="H.E">

<option selected> --- Click to Select --- </option>

<option>BBA</option>

<option>B.A</option>

<option>BS(IT)</option>

<option>BCS</option>

<option>MBA</option>

<option>MCS</option>

</select></td></tr>

<tr><td valign="top" width="30%"><b>GRADE : </b></td>

<td width="70%"><input type="radio" name="radio">A+<br>

<input type="radio" name="radio">A<br>

<input type="radio" name="radio">B+<br>

<input type="radio" name="radio">B<br>

<input type="radio" name="radio">C+<br>

<input type="radio" name="radio">C<br>

</td></tr>

<tr><td colspan="2" align="left" bgcolor="sky blue" width="800">

<font color="white"><b>DEGREE PROGRAMME</b></font></td></tr>

<tr><td width="30%"><b>Program Applied for: </b></td><td width="70%">

<select name="applied">

<option selected> --- Click to Select --- </option>

<option>MS(CS)</option>

<option>MS(BA)</option>

<option>MCS</option>

<option>MBA</option>

<option>BCS</option>

<option>BBA</option>

</select></td></tr>

<tr><td valign="top" width="30%"><b>Session Applied for : </b></td>

<td width="70%">

<input type="checkbox" name="check">Morning<br>

<input type="checkbox" name="check">Afternoon<br>

<input type="checkbox" name="check">Evening<br>

</td></tr>

<tr><td align="left" width="30%"></td>

<td width="70%"><input type="submit" name="regForm" value="Submit" >

<input type="reset"></td></tr>

<table border="0" align="center">

<tr><td align="center" bgcolor="sky blue" width="800" colspan="text">

</table> </form> </body> </html>

 

Another solution


<HTML>

<HEAD>

<TITLE>New User Registartion form</TITLE>

<SCRIPT>

function checkForm(){

if (document.login.user.value.length < 1) {

window.alert('Empty fields Found!! Please Fill empty fields');

}

else if (document.login.user.value.length > 1) {

window.alert('All Fields are entered');

}

}

function checkForm(){

if (document.login.password.value.length < 1) {

window.alert('Empty fields Found!! Please Fill empty fields');

}

else if (document.login.password.value.length > 1) {

window.alert('All Fields are entered');

}

}

</SCRIPT>

</HEAD>

<BODY>

<FORM name="login" method="post" action=loginScriptURL>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<th align ="left"rowspan="2"><img src="http://icwdic.webcontent-m1.com/m1/res/resource/contest_logos/vu_logo.PNG" width="141" height="88" /></th><td align ="right"><font color ="red"><b>Already a user Login here !!!</b></font>&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;

</tr>

<tr>

<td align="right">User Name<input type="text" name="user" size="20">

 password   <input type="password" name="password" size="10" maxlength="7">

<INPUT type="submit" name="login" value="login"

onMouseOver="checkForm()">

</TD></TR></TABLE><table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="100%" bgcolor="Darkblue"><font color="white"><b>Personal Information</b></font></td>

</tr></table></FORM>

<FORM name="submit" method="post" action=submitScriptURL>

<table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr><td width="30%">Name</td><td><input type="text" name="user" size="20"></td></tr>

<tr><td width="30%">Father's name</td><td><input type="text" name="fathername" size="20"></td></tr>

<tr><td width="30%">Address</td><td><textarea name="message" cols="20" rows="2"></textarea></td></tr>

<tr><td width="30%">Upload picture</td><td><input name="fileupload" id="fileupload" type="file"> 

</td></tr>                         

</table>

 

 

<table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="100%" bgcolor="Darkblue"><font color="white"><b>Account Information</b></font></td>

</tr></table>

<table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr><td width="30%">Email</td><td><input type="text" name="email" size="20"></td></tr>

<tr><td width="30%">Password</td><td><input type="password" name="password" size="20" maxlength="7"><b><font color="red">7 characters only*</font></b></td></tr>

<tr><td width="30%">Confirm password</td><td><input type="password" name="cpassword" size="20" maxlength="7"><b><font color="red">7 characters only*</font></b></td></tr>

</table>

 

 

<table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="100%" bgcolor="Darkblue"><font color="white"><b>Qualification</b></font></td>

</tr></table>

<table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr><td width="30%">Highest Degree</td><td><select name"degree"><option value"select" selected> ---Select---

<option value"Phd">Phd 

<option value"Masters degree">Masters degree

<option value"Bachelors Degree">Bachelors Degree

<option value"Intermediate">Intermediate

</select></td></tr>

<tr><td width="30%">College/University</td><td><input type="text" name="cvname" size="20"></td></tr>

<tr><td width="30%">Status</td><td><input type="radio" name="complete" value="complete" checked>Completed

<input type="radio" name="Continued" value="Continued">Continued</td></tr>

<tr><td width="30%">Degrees achieved</td><td><input type="checkbox" value="PHD">PHD<br>

<input type="checkbox" value="MPhil">MPhil<br>

<input type="checkbox" value="Masters">Masters<br>

<input type="checkbox" value="Bachelors">Bachelors<br>

<input type="checkbox" value="Intermediate">Intermediate<br>

<input type="checkbox" value="Matriculation">Matriculation </td></tr>

<tr><td width="30%"></td><td><input type="submit"name="reg" value="Register"><input type="reset" value="Reset"></td></tr>

</table>

<br>

<table border="1" bordercolor="lightblue"cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="100%" bgcolor="Darkblue" align="center"><font color="white"><b>2010 All Rights reserved</b></font></td>

Is this blog is useful for you?

Powered by Blogger.