
<!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>
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.