java validations

<!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">&nbsp;</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">&nbsp;</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&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="2" id="prod2"/>Samsung&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="3" id="prod3"/>Apple&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="4" id="prod4"/>Blackberry6&nbsp;&nbsp;&nbsp;
</td></tr>
<tr>

            <td>SIM:</td>
<td><input type="checkbox" size="30" name="prod" value="5" id="prod5"/>Vodafone&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="6" id="prod6"/>Airtel&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="7" id="prod7"/>Tata Docomo&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="8" id="prod8"/>Loop&nbsp;&nbsp;&nbsp;
</td></tr>
<tr>

            <td>Accessories:</td>
<td><input type="checkbox" size="30" name="prod" value="9" id="prod9"/>Charger&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="10" id="prod10"/>Head Phone&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="11" id="prod11"/>Battery&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="12" id="prod12"/>Pouch&nbsp;&nbsp;&nbsp;
</td></tr>

            <td>

            </td>
        </tr>


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

    <tr>
        <th>&nbsp;</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">&nbsp;</td>
    <th class="sized bottomright"></th>
</tr>
</table>

<div class="clear">&nbsp;</div>

</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer -->

<div class="clear">&nbsp;</div>

<!-- start footer -->         
<div id="footer">
    <!--  start footer-left -->
    <div id="footer-left">
    Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
    <!--  end footer-left -->
    <div class="clear">&nbsp;</div>
</div>
<!-- end footer -->
</form>

</body>
</html>

View Answers

May 28, 2012 at 3:13 AM

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">&nbsp;</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">&nbsp;</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&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="2" id="prod2"/>Samsung&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="3" id="prod3"/>Apple&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="4" id="prod4"/>Blackberry6&nbsp;&nbsp;&nbsp;
</td></tr>
<tr>

            <td>SIM:</td>
<td><input type="checkbox" size="30" name="prod" value="5" id="prod5"/>Vodafone&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="6" id="prod6"/>Airtel&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="7" id="prod7"/>Tata Docomo&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="8" id="prod8"/>Loop&nbsp;&nbsp;&nbsp;
</td></tr>
<tr>

            <td>Accessories:</td>
<td><input type="checkbox" size="30" name="prod" value="9" id="prod9"/>Charger&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="10" id="prod10"/>Head Phone&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="11" id="prod11"/>Battery&nbsp;&nbsp;&nbsp;
<input type="checkbox" size="30" name="prod" value="12" id="prod12"/>Pouch&nbsp;&nbsp;&nbsp;
</td></tr>


            <td>

            </td>
        </tr>


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



    <tr>
        <th>&nbsp;</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>