You are on page 1of 9

Program No.

Design a Registration form for Bank Customer with validation.

<html>

<head>

<title>Bank Registration Form</title>

<script type="text/javascript">

function validate_form() {

if (document.emp.emp_name.value == "") {

alert("Please fill in the 'Your full Name' box.");

return false;

}if (document.emp.fat_name.value == "") {

alert("Please fill in the 'Your father Name' box.");

return false;

} if (document.emp.mot_name.value == "") {

alert("Please fill in the 'Your Mother Name' box.");

return false; }

if (document.emp.num.value == "") {

alert("Enter Mobile Number");

return false;}
alert("sucessfully Submitted");

if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+
$/).test(document.emp.email_id.value)) {

alert("You have entered an invalid email address!")

return (false)} }

function isNumberKey(evt) {

var charCode = (evt.which) ? evt.which : event.keyCode;

if (charCode != 46 && charCode > 31 &&

(charCode < 48 || charCode > 57)) {

alert("Enter Number");

return false; }

return true;}//-->

</script>

</head>

<body bgcolor="#FFE4E1"><br><br><br><br><br>

<form name="emp" action="" onsubmit="return validate_form();"


method="post">

<table align="center" width=40% height=60% cellspacing="2"


cellpadding="2" border="5">

<tr>

<td colspan="2" align="center"><h1>Bank Registration Form</h1></td>

</tr>
<tr>

<td align="left" valign="top" width="41%">Full Name<span


style="color:red">*</span></td>

<td width="57%"><input type="text" value="" name="emp_name"


width=50% size="26" ></td>

</tr> <tr>

<td align="left" valign="top" width="41%">Father Name<span


style="color:red">*</span></td>

<td width="57%"><input type="text" value="" name="fat_name"


size="24"></td>

</tr> <tr>

<td align="left" valign="top" width="41%">Mother Name<span


style="color:red">*</span></td>

<td width="57%"><input type="text" value="" name="mot_name"


size="24"></td>

</tr>

<tr>

<td align="left" valign="top" width="41%">Mobile Number<span


style="color:red">*</span></td>

<td width="57%">

<input type="text" value="" name="num" onkeypress="return


isNumberKey(event)" size="24"></td>

</tr>

<tr>

<td align="left" valign="top" width="41%">Address<span


style="color:red">*</span></td>

<td width="57%"><textarea rows="4" maxlen="200" name="S2"


cols="20"></textarea></td>

</tr <tr>

<td align="left" valign="top" width="41%">Pin Code</td>

<td width="57%">

<input type="text" value="" onkeypress="return isNumberKey(event)"


name="txtFName1" size="24"></td>

</tr>

<tr>

<td align="left" valign="top" width="41%">State</td>

<td width="57%"><select name="mydropdown">

<option value="Default">Uttar Pradesh</option>

<option value="M.P">M.P</option>

<option value="Gujarat">Gujarat</option>

<option value="Maharashtra">Maharashtra</option>

<option value="Bihar">Bihar</option>
<option value="Goa">Goa</option>

</select></td>

</tr>

<tr>

<td align="left" valign="top" width="41%">City</td>

<td width="57%">

<select name="mydropdown">

<option value="Default">Jhansi</option>

<option value="Varanasi">Varanasi</option>

<option value="Lucknow">Lucknow</option>

<option value="Jaunpur">Jaunpur</option>

<option value="Aligarh">Aligarh</option>

<option value="Pratapgarh">Pratapgarh</option>

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

<tr>

<td align="left" valign="top" width="41%">Email<span


style="color:red">*</span></td>

<td width="57%">

<input type="text" value="" name="email_id" size="24"></td>

</tr>

<tr>

<td colspan="2">

<p align="center">

<input type="submit" value=" Submit"


name="B4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="reset" value=" Reset All " name="B5"></td>

</tr>

</table>

</form>

</body>

</html>
Program Number 2.

Design a page to play video element.

<!DOCTYPE html>
<html>
<body>
<br><br>
<h1 style="text-
align:center"><u>Bundelkhand
University</u><br><br>
<video width="820" height="440"
autoplay>
<source src="movie.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">

</video>
<br><br><br><br>
<i>
Bundelkhand University is a public state
university based in Jhansi, Uttar Pradesh,
India. <br>Founded in 1975, it has
professional, technical and vocational study
programmes along with facilities for
research.<br> The University is a member
of Association of Indian Universities,
Association of Commonwealth Universities
</i></h1>
</body>
</html>

Program Number 3.

You might also like