<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
<script type="text/javascript">
function validateForm()
{
var x=document.retailer.name.value;
if (x==null || x=="")
{
alert("Retailer name must be filled out");
return false;
}
var d=document.retailer.name.value;
if (d.length>25)
{
alert("Retailer name too big");
return false;
}
var illegal=/^[a-zA-Z]+$/;
if (!illegal.test(d)) {
alert("illegal characters");
return false;
}
var y=document.retailer.licence_no.value;
if (y==null || y=="")
{
alert("Licence no. must be filled out");
return false;
}
var txtVal = document.retailer.licence_no.value;
var illegalChars = /\W/;
if (illegalChars.test(txtVal)) {
alert("illegal characters");
return false;
}
var u=document.retailer.contact_addr.value;
if (u==null || u=="")
{
alert("Address must be filled out");
return false;
}
var f=document.retailer.contact_addr.value;
if (f.length<20)
{
alert("Address too short");
return false;
}
var q=document.retailer.contact_no.value;
if (q==null || q=="")
{
alert("Contact must be filled out");
return false;
}
var p=document.retailer.contact_no.value;
if (p.length!=10)
{
alert("Exact 10 digits needed");
return false;
}
if (isNaN(p))
{
alert("Enter no.only");
return false;
}
var p=document.retailer.email.value;
if (p==null || p=="")
{
alert("Email must be filled out");
return false;
}
var s=document.retailer.email.value;
var atpos=s.indexOf("@");
var dotpos=s.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=s.length)
{
alert("Not a valid e-mail address");
return false;
}
var d=document.retailer.d.value;
var m=document.retailer.m.value;
var y=document.retailer.y.value;
if (d==""||m==""||y=="")
{
alert("Please enter a valid date of birth");
return false;
}
var x=document.retailer.uname.value;
if (x==null || x=="")
{
alert("Username must be filled out");
return false;
}
var d=document.retailer.uname.value;
if (d.length>25)
{
alert("Username name too big");
return false;
}
var y=document.retailer.pass.value;
if (y==null || y=="")
{
alert("Password cannot be empty");
return false;
}
if(y.length<5)
{
alert("Password should be minimum 5 characters long");
return false;
}
var p1=document.retailer.prod1.value;
var p2=document.retailer.prod2.value;
var p3=document.retailer.prod3.value;
var p4=document.retailer.prod4.value;
var p5=document.retailer.prod5.value;
var p6=document.retailer.prod6.value;
var p7=document.retailer.prod7.value;
var p8=document.retailer.prod8.value;
var p9=document.retailer.prod9.value;
var p10=document.retailer.prod10.value;
var p11=document.retailer.prod11.value;
var p12=document.retailer.prod12.value;
if (!document.retailer.prod1.checked && !document.retailer.prod2.checked && !document.retailer.prod3.checked && !document.retailer.prod4.checked && !document.retailer.prod5.checked
&& !document.retailer.prod6.checked && !document.retailer.prod7.checked && !document.retailer.prod8.checked && !document.retailer.prod9.checked && !document.retailer.prod10.checked && !document.retailer.prod11.checked && !document.retailer.prod12.checked )
{alert("Please check one checkbox")
return false;
}
}
</script>
</head>
<body>
<div id="page-heading"><h1>Retailer</h1></div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
<th class="topleft"></th>
<td id="tbl-border-top"> </td>
<th class="topright"></th>
<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td>
<!-- start content-table-inner -->
<div id="content-table-inner">
<form name="retailer" action="RetController" onsubmit="return validateForm();">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!-- start step-holder -->
<div id="step-holder">
<div class="step-dark-left"><a href="">Registration Form</a></div>
<div class="step-dark-right"> </div>
</div>
<!-- end step-holder -->
<p style="font-size:20px;font-family:Times New Roman">All the fields are mandatory*</p><br/>
<!-- start id-form -->
<table border="0" cellpadding="0" cellspacing="0" id="id-form">
<tr>
<th valign="top">Retailer name:</th>
<td><input type="text" name="name" id="name" class="inp-form" /></td>
<td></td>
</tr>
<tr>
<th valign="top">Licence no:</th>
<td><input type="text" name="licence_no" id="licence_no" class="inp-form" /></td>
<td></td>
</tr>
<tr>
<th valign="top">Contact Address:</th>
<td><input type="text" name="contact_addr" id="contact_addr" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Contact no.:</th>
<td><input type="text" name="contact_no" id="contact_no" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Email Id:</th>
<td><input type="text" name="email" id="email" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Date of birth
:</th>
<td class="noheight">
<table border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!-- <form id="chooseDateForm" action="#">-->
<select name="d" id="d" class="styledselect-day">
<option value="">dd</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</td>
<td>
<select name="m" id="m" class="styledselect-month">
<option value="">mmm</option>
<option value="jan">Jan</option>
<option value="feb">Feb</option>
<option value="mar">Mar</option>
<option value="apr">Apr</option>
<option value="may">May</option>
<option value="jun">Jun</option>
<option value="jul">Jul</option>
<option value="aug">Aug</option>
<option value="sep">Sep</option>
<option value="oct">Oct</option>
<option value="nov">Nov</option>
<option value="dec">Dec</option>
</select>
</td>
<td>
<select name="y" id="y" class="styledselect-year">
<option value="">yyyy</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td>
<td><a href="" id="date-pick"><img src="images/forms/icon_calendar.jpg" alt="" /></a></td>
</tr></table>
<tr>
<th valign="top">User name:</th>
<td><input type="text" name="uname" id="uname" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Password:</th>
<td><input type="password" name="pass" id="pass" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Product Choice:</th><br/>
<tr>
<td>Mobile Brand:</td>
<td><input type="checkbox" size="30" name="prod" value="1" id="prod1"/>Nokia
<input type="checkbox" size="30" name="prod" value="2" id="prod2"/>Samsung
<input type="checkbox" size="30" name="prod" value="3" id="prod3"/>Apple
<input type="checkbox" size="30" name="prod" value="4" id="prod4"/>Blackberry6
</td></tr>
<tr>
<td>SIM:</td>
<td><input type="checkbox" size="30" name="prod" value="5" id="prod5"/>Vodafone
<input type="checkbox" size="30" name="prod" value="6" id="prod6"/>Airtel
<input type="checkbox" size="30" name="prod" value="7" id="prod7"/>Tata Docomo
<input type="checkbox" size="30" name="prod" value="8" id="prod8"/>Loop
</td></tr>
<tr>
<td>Accessories:</td>
<td><input type="checkbox" size="30" name="prod" value="9" id="prod9"/>Charger
<input type="checkbox" size="30" name="prod" value="10" id="prod10"/>Head Phone
<input type="checkbox" size="30" name="prod" value="11" id="prod11"/>Battery
<input type="checkbox" size="30" name="prod" value="12" id="prod12"/>Pouch
</td></tr>
<td>
</td>
</tr>
</td>
<td></td>
</tr>
<tr>
<th> </th>
<td valign="top"><input type="submit" name="submit" value="Register" /></td>
<td valign="top"><input type="reset" value="" class="form-reset" /></td>
<td></td>
</tr>
</table>
</form>
<!-- end id-form -->
</td>
<td>
</td>
</tr>
<tr>
<td><img src="images/shared/blank.gif" width="695" height="1" alt="blank" /></td>
<td></td>
</tr>
</table>
<div class="clear"></div>
</div>
<!-- end content-table-inner -->
</td>
<td id="tbl-border-right"></td>
</tr>
<tr>
<th class="sized bottomleft"></th>
<td id="tbl-border-bottom"> </td>
<th class="sized bottomright"></th>
</tr>
</table>
<div class="clear"> </div>
</div>
<!-- end content -->
<div class="clear"> </div>
</div>
<!-- end content-outer -->
<div class="clear"> </div>
<!-- start footer -->
<div id="footer">
<!-- start footer-left -->
<div id="footer-left">
Admin Skin © Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
<!-- end footer-left -->
<div class="clear"> </div>
</div>
<!-- end footer -->
</form>
</body>
</html>
function validateForm()
{
var x=document.retailer.name.value;
if (x==null || x=="")
{
alert("Retailer name must be filled out");
return false;
}
var d=document.retailer.name.value;
if (d.length>25)
{
alert("Retailer name too big");
return false;
}
var illegal=/^[a-zA-Z]+$/;
if (!illegal.test(d)) {
alert("illegal characters");
return false;
}
var y=document.retailer.licence_no.value;
if (y==null || y=="")
{
alert("Licence no. must be filled out");
return false;
}
var txtVal = document.retailer.licence_no.value;
var illegalChars = /\W/;
if (illegalChars.test(txtVal)) {
alert("illegal characters");
return false;
}
var u=document.retailer.contact_addr.value;
if (u==null || u=="")
{
alert("Address must be filled out");
return false;
}
var f=document.retailer.contact_addr.value;
if (f.length<20)
{
alert("Address too short");
return false;
}
var q=document.retailer.contact_no.value;
if (q==null || q=="")
{
alert("Contact must be filled out");
return false;
}
var p=document.retailer.contact_no.value;
if (p.length!=10)
{
alert("Exact 10 digits needed");
return false;
}
if (isNaN(p))
{
alert("Enter no.only");
return false;
}
var p=document.retailer.email.value;
if (p==null || p=="")
{
alert("Email must be filled out");
return false;
}
var s=document.retailer.email.value;
var atpos=s.indexOf("@");
var dotpos=s.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=s.length)
{
alert("Not a valid e-mail address");
return false;
}
var d=document.retailer.d.value;
var m=document.retailer.m.value;
var y=document.retailer.y.value;
if (d==""||m==""||y=="")
{
alert("Please enter a valid date of birth");
return false;
}
var x=document.retailer.uname.value;
if (x==null || x=="")
{
alert("Username must be filled out");
return false;
}
var d=document.retailer.uname.value;
if (d.length>25)
{
alert("Username name too big");
return false;
}
var y=document.retailer.pass.value;
if (y==null || y=="")
{
alert("Password cannot be empty");
return false;
}
if(y.length<5)
{
alert("Password should be minimum 5 characters long");
return false;
}
var p1=document.retailer.prod1.value;
var p2=document.retailer.prod2.value;
var p3=document.retailer.prod3.value;
var p4=document.retailer.prod4.value;
var p5=document.retailer.prod5.value;
var p6=document.retailer.prod6.value;
var p7=document.retailer.prod7.value;
var p8=document.retailer.prod8.value;
var p9=document.retailer.prod9.value;
var p10=document.retailer.prod10.value;
var p11=document.retailer.prod11.value;
var p12=document.retailer.prod12.value;
if (!document.retailer.prod1.checked && !document.retailer.prod2.checked && !document.retailer.prod3.checked && !document.retailer.prod4.checked && !document.retailer.prod5.checked
&& !document.retailer.prod6.checked && !document.retailer.prod7.checked && !document.retailer.prod8.checked && !document.retailer.prod9.checked && !document.retailer.prod10.checked && !document.retailer.prod11.checked && !document.retailer.prod12.checked )
{alert("Please check one checkbox")
return false;
}
}
</script>
</head>
<body>
<div id="page-heading"><h1>Retailer</h1></div>
<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
<th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
<th class="topleft"></th>
<td id="tbl-border-top"> </td>
<th class="topright"></th>
<th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
</tr>
<tr>
<td id="tbl-border-left"></td>
<td>
<!-- start content-table-inner -->
<div id="content-table-inner">
<form name="retailer" action="RetController" onsubmit="return validateForm();">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!-- start step-holder -->
<div id="step-holder">
<div class="step-dark-left"><a href="">Registration Form</a></div>
<div class="step-dark-right"> </div>
</div>
<!-- end step-holder -->
<p style="font-size:20px;font-family:Times New Roman">All the fields are mandatory*</p><br/>
<!-- start id-form -->
<table border="0" cellpadding="0" cellspacing="0" id="id-form">
<tr>
<th valign="top">Retailer name:</th>
<td><input type="text" name="name" id="name" class="inp-form" /></td>
<td></td>
</tr>
<tr>
<th valign="top">Licence no:</th>
<td><input type="text" name="licence_no" id="licence_no" class="inp-form" /></td>
<td></td>
</tr>
<tr>
<th valign="top">Contact Address:</th>
<td><input type="text" name="contact_addr" id="contact_addr" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Contact no.:</th>
<td><input type="text" name="contact_no" id="contact_no" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Email Id:</th>
<td><input type="text" name="email" id="email" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Date of birth
:</th>
<td class="noheight">
<table border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td>
<!-- <form id="chooseDateForm" action="#">-->
<select name="d" id="d" class="styledselect-day">
<option value="">dd</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</td>
<td>
<select name="m" id="m" class="styledselect-month">
<option value="">mmm</option>
<option value="jan">Jan</option>
<option value="feb">Feb</option>
<option value="mar">Mar</option>
<option value="apr">Apr</option>
<option value="may">May</option>
<option value="jun">Jun</option>
<option value="jul">Jul</option>
<option value="aug">Aug</option>
<option value="sep">Sep</option>
<option value="oct">Oct</option>
<option value="nov">Nov</option>
<option value="dec">Dec</option>
</select>
</td>
<td>
<select name="y" id="y" class="styledselect-year">
<option value="">yyyy</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
</td>
<td><a href="" id="date-pick"><img src="images/forms/icon_calendar.jpg" alt="" /></a></td>
</tr></table>
<tr>
<th valign="top">User name:</th>
<td><input type="text" name="uname" id="uname" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Password:</th>
<td><input type="password" name="pass" id="pass" class="inp-form" /></td>
<td>
</td>
</tr>
<tr>
<th valign="top">Product Choice:</th><br/>
<tr>
<td>Mobile Brand:</td>
<td><input type="checkbox" size="30" name="prod" value="1" id="prod1"/>Nokia
<input type="checkbox" size="30" name="prod" value="2" id="prod2"/>Samsung
<input type="checkbox" size="30" name="prod" value="3" id="prod3"/>Apple
<input type="checkbox" size="30" name="prod" value="4" id="prod4"/>Blackberry6
</td></tr>
<tr>
<td>SIM:</td>
<td><input type="checkbox" size="30" name="prod" value="5" id="prod5"/>Vodafone
<input type="checkbox" size="30" name="prod" value="6" id="prod6"/>Airtel
<input type="checkbox" size="30" name="prod" value="7" id="prod7"/>Tata Docomo
<input type="checkbox" size="30" name="prod" value="8" id="prod8"/>Loop
</td></tr>
<tr>
<td>Accessories:</td>
<td><input type="checkbox" size="30" name="prod" value="9" id="prod9"/>Charger
<input type="checkbox" size="30" name="prod" value="10" id="prod10"/>Head Phone
<input type="checkbox" size="30" name="prod" value="11" id="prod11"/>Battery
<input type="checkbox" size="30" name="prod" value="12" id="prod12"/>Pouch
</td></tr>
<td>
</td>
</tr>
</td>
<td></td>
</tr>
<tr>
<th> </th>
<td valign="top"><input type="submit" name="submit" value="Register" /></td>
<td valign="top"><input type="reset" value="" class="form-reset" /></td>
<td></td>
</tr>
</table>