2 Ndques

Program:2
Validate the Registration, User Login, User Profile and Payment by Credit Card pages using JavaScript.
Source Code:
Login Page(login.html):
<html>
<head>
<script type="text/JavaScript">
function check()
{
if(document.login.id.value=="" || document.login.pwd.value=="" ||
document.login.id.value.length<6 || document.login.id.length>12)
{
alert("Invalid Username and password! Try again");
document.login.id.focus();
}
else
{
alert("Login Successful");
window.location.href='bookcat.html';
}
}
</script>
</head>
<body bgcolor="greenyellow">
<br>
<marquee behavior=alternate>
<font color=blue><h1>Login Your Account</h1></font>
</marquee><br><br>
<hr>
<center><b>
<a href="main.html" target="_parent">Home</a>
<a href="bookcat.html" target="_parent">Catalog</a>
<a href="userpro.html" target="_parent">My Account</a>
<a href="aboutus.html" target="_parent">About us</a>
<a href="contactus.html" target="_parent">Contact us</a>
</b></center>
<hr>
<br><br><br>
<form name="login">
<center><pre><font size=5 face="monotype corsiva"><b> Login Id: </b><input type="text"
name="id">
<b>Password: </b><input type="password" name="pwd"><br></font></pre>
<pre> <input type="button" name="home" value="HOME"
onClick="window.location.href='main.html'"> <input type="button" name="Ok" value="OK"
onClick="check()"> <input type="reset" name="clear" value="CLEAR"></pre>
<pre><font size=4 face="cambria"> <a href="main.html" target="_parent">Forgot
Password</a> <font color="red">|</font> <a href="reg.html" target="_parent">Sign
up</a></font></pre></center>
</form>
</body>
</html>
Registration Page(reg.html):
<html>
<head>
<script type="text/JavaScript">
function fnam()
{
if(document.reg.fname.value.length<6 || document.reg.fname.value.length>12)
{
alert("First Name should be between 6 and 12");
document.reg.fname.focus();
}
}
function cvno()
{
if(document.reg.cvvno.value!=1234)
{
alert("Invalid CVV no.");
document.reg.cvvno.focus();
}
}
</script>
</head>
<body bgcolor="cyan">
<marquee behavior=alternate>
<font color=blue><h1>Register Your Details</h1></font>
</marquee><br>
<hr>
<center><b>
</b></center>
<hr><br>
<form name="reg" method="post" action="main.html">
<center>
<table border=0 width="80%">
<tr>
<td align="right"><b>Name</b></td>
<td width="544"><input type="text" name="fname" value="First"
onBlur="fnam()"> <input type="text" name="lname" value="Last"></td>
</tr>
<tr>
<td align="right"><b>Sex</b></td>
<td><input type="radio" name="sex" value="male" checked>Male  <input
type="radio" name="sex" value="female">Female</td>
</tr>
<tr>
<td align="right"><b>Login Id</b></td>
<td><input type="text" name="id"></td>
</tr>
<tr>
<td align="right"><b>Password</b></td>
<td><input type="text" name="pwd"></td>
</tr>
<tr>
<td align="right"><b>Re-type Password</b></td>
<td><input type="text" name="rpwd"></td>
</tr>
<tr>
<td align="right"><b>Date of Birth</b></td>
<td><select name="dobd">
<option selected>1
<option>2
<option>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
<option>10
<option>11
<option>12
<option>13
<option>14
<option>15
<option>16
<option>17
<option>18
<option>19
<option>20
<option>21
<option>22
<option>23
<option>24
<option>25
<option>26
<option>27
<option>28
<option>29
<option>30
<option>31
</select> /
<select name="dobm">
<option selected>1
<option>2
<option>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
<option>10
<option>11
<option>12
</select> /
<input type="text" name="doby" size=2 maxlength=4> (DD/MM/YYYY)</td>
</tr>
<tr>
<td align="right"><b>e-mail id</b></td>
<td><input type="text" name="email" size=40></td>
</tr>
<tr>
<td align="right"><b>Security Question</b></td>
<td>
<select name="sq" style="width:25em">
<option selected>-Select One-
<option value="Where did you meet your spouse?">Where did you meet your
spouse?
<option value="What was the name of your first school?">What was the
name of your first school?
<option value="Who was your childhood hero?">Who was your childhood
hero?
<option value="What is your favorite pastime?">What is your favorite
pastime?
<option value="What is your favorite sports team?">What is your favorite
sports team?
<option value="What is your father's middle name?">What is your father's
middle name?
<option value="What was your high school mascot?">What was your high
school mascot?
<option value="What make was your first car or bike?">What make was your
first car or bike?
<option value="What is your pet's name?">What is your pet's name?
</select>
</td>
</tr>
<tr>
<td align="right"><b>Your Answer</b></td>
<td><input type="text" name="ans" size=40></td>
</tr>
<tr>
<td align="right"><b>Country</b></td>
<td>
<select name="country" style="width:15em">
<option value="au" selected>Australia
<option value="ca">Canada
<option value="cn">China
<option value="co">Colombia
<option value="eg">Egypt
<option value="de">Germany
<option value="hk">Hong Kong
<option value="is">Iceland
<option value="in" selected>India
<option value="it">Italy
<option value="jp">Japan
<option value="pk">Pakistan
<option value="ru">Russia
<option value="lk">Sri Lanka
<option value="us">United States
</select>
</td>
</tr>
<tr>
<td align="right"><b>Postal Code</b></td>
<td><input type="text" name="pcode"></td>
</tr>
<tr>
<td align="right"><b>Card Holder Name</b></td>
<td><input type="text" name="chn"></td>
</tr>
<tr>
<td align="right"><b>Credit card No</b></td>
<td><input type="text" name="ccno"></td>
</tr>
<tr>
<td align="right"><b>CVV No</b></td>
<td><input type="text" name="cvvno" size=2 maxlength=4 onBlur="cvno()"></td>
</tr>
<tr>
<td align="right"><b>Expiry Date</b></td>
<td><select name="expd">
<option selected>1
<option>2
<option>3
<option>4
<option>5
<option>6
<option>7
<option>8
<option>9
<option>10
<option>11
<option>12
</select> /
<input type="text" name="doby" size=2 maxlength=4> (DD/MM/YYYY)</td>
</tr>
<tr>
<td align="right"><b>Type the code shown</b></td>
<td><input type="text" name="code"></td>
</tr>
<tr>
<td align="right" valign="top"><b><a href="" target="_parent">Try different
imgage</a></b></td>
<td><img border="0" src="images/pa.jpg" width="290" height="80" alt="Image not
found"></td>
</tr>
<tr>
<td align="right" valign="top"><b>Do you agree?</b></td>
<td><input type="checkbox" name="agree"> I have read and agree to the <a
href="">Terms of Service</a> and <a href="">Privacy Policy</a>, and to receive
      important communications from electronically.For your
convenience, these documents       will be emailed to your
Mail account.</td>
</tr>
</table>
<br>
<input type="submit" name="submit" value="submit">   <input type="reset"
name="reset">
</center>
</form>
</body>
</html>
User Profile Page(userpro.html):
<html>
<body bgcolor="pink">
<br>
<font color=blue><h1 align="center">Welcome to User Profile</h1></font>
<br>
<hr>
<center><b>
</b></center>
<hr>
<h2><center><font color="green" face="monotype corsiva" size=6><u>User
Profile</u></font></center></h2>
<form action="main.html" method="post" name="userpro">
<center>
<table border=0 width="70%">
<tr>
<td align="right"><b>Name: </b></td>
<td width="350">PVPSIT</td>
</tr>
<tr>
<td align="right"><b>Login id: </b></td>
<td width="350">pvpsit_vja</td>
</tr>
<tr>
<td align="right"><b>Password: </b></td>
<td width="350">pvpsit</td>
</tr>
<tr>
<td align="right"><b>Sex: </b></td>
<td width="350">male/female</td>
</tr>
<tr>
<td align="right"><b>Date of Birth:</b></td>
<td>10/10/2004</td>
</tr>
<tr>
<td align="right"><b>e-mail Id:</b></td>
<td><a href="mailto:pvpsit@pvpsit.co.in">pvpsit@pvpsit.co.in</a></td>
</tr>
<tr>
<td align="right"><b>Country: </b></td>
<td width="350">India</td>
</tr>
<tr>
<td align="right"><b>Postal Code: </b></td>
<td width="350">520 011</td>
</tr>
<tr>
<td align="right"><b>Card Holder Name: </b></td>
<td width="350">pvpsit</td>
</tr>
<tr>
<td align="right"><b>Credit card No: </b></td>
<td width="350">4433222111</td>
</tr>
</table>
</center>
</form>
</body>
<script>
alert("Welcome to Mr/Mrs.PVPSIT");
</script>
</html>

2 Ndques

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

2 Ndques

Diunggah oleh

Hak Cipta:

Format Tersedia

Program:2

Anda mungkin juga menyukai