Not allow the user to register future date,if register future date and then it will alert invalid date.Please Help.....
How to set validation date in javacript???
How to set validation date in javacript???
Code:
<table width="100%" border=0 cellspacing="0" cellpadding="5">
<script type='text/javascript'>
function formValidator(){
// Make quick references to our fields
var username = document.getElementById('username');
var password = document.getElementById('password');
var first_name = document.getElementById('first_name');
var last_name = document.getElementById('last_name');
var e_mail = document.getElementById('e_mail');
var Phone = document.getElementById('Phone');
var dobday = document.getElementById('dobday');
var dobmonth = document.getElementById('dobmonth');
var dobyear = document.getElementById('dobyear');
var gender = document.getElementById('gender');
var nationality_id = document.getElementById('nationality_id');
var address = document.getElementById('address');
var city = document.getElementById('city');
var state = document.getElementById('state');
var post_code = document.getElementById('post_code');
var register_day = document.getElementById('register_day');
var register_month = document.getElementById('register_month');
var register_year = document.getElementById('register_year');
// Check each input in the order that it appears in the form!
if(isAlphanumeric(username, "Please enter a valid Username")){
if(lengthRestriction(username, 6, 20)){
if(isNumeric(password, "Please enter a valid password")){
if(lengthRestriction(password, 6, 20)){
if(isAlphabet(first_name, "Please enter a valid First Name")){
if(lengthRestriction(first_name, 3, 20)){
if(isAlphabet1(last_name, "Please enter a valid Last Name")){
if(lengthRestriction(last_name, 6, 30)){
if(emailValidator(e_mail, "Please enter a valid Email Address")){
if(isNumeric(Phone, "Please enter a valid Phone")){
if(lengthRestriction(Phone, 8, 20)){
if(madeSelection(dobday, "Please select a Date of Birth Day")){
if(madeSelection1(dobmonth, "Please select a Date of Birth Month")){
if(madeSelection2(dobyear, "Please select a Date of Birth Year")){
if(madeSelection3(gender, "Please select a Gender")){
if(madeSelection4(nationality_id, "Please select a Nationality")){
if(isAlphanumeric1(address, "Please enter a valid Address")){
if(lengthRestriction(address, 6, 50)){
if(isAlphabet1(city, "Please enter a valid City")){
if(lengthRestriction(city, 4, 20)){
if(isAlphabet1(state, "Please enter a valid State")){
if(lengthRestriction(state, 4, 20)){
if(isNumeric1(post_code, "Please enter a valid Post Code")){
if(lengthRestriction(post_code, 4, 20)){
if(madeSelection5(register_day, "Please select a Register Day")){
if(madeSelection6(register_month, "Please select a Register Month")){
if(madeSelection7(register_year, "Please select a Register Year")){
return true;
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[+0-90-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isNumeric1(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet1(elem, helperMsg){
var alphaExp = /^[a-zA-Z\s]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric1(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z\s\,\.]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function lengthRestriction(elem, min, max){
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max){
return true;
}else{
alert("Please enter between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}
function madeSelection(elem, helperMsg){
if(elem.value == "- Select Day -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection1(elem, helperMsg){
if(elem.value == "- Select Month -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection2(elem, helperMsg){
if(elem.value == "- Select Year -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection3(elem, helperMsg){
if(elem.value == "- Select Gender -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection4(elem, helperMsg){
if(elem.value == "- Select Country -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection5(elem, helperMsg){
if(elem.value == "- Select Day -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection6(elem, helperMsg){
if(elem.value == "- Select Month -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function madeSelection7(elem, helperMsg){
if(elem.value == "- Select Year -"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
<form method="POST" action="Register_ID.php" onsubmit='return formValidator()'>
<input type="hidden" id="access_level" name="access_level" value="member">
<tr>
<td colspan="3">
<b>Member Details</b>
</td>
</tr>
<tr>
<td width="25%">
<div align="left">Username</div>
</td>
<td colspan="2" width=80%>
<input type="text" id="username" name="username" maxlength="100">
<b><font color="FF6600">*</font></b></td>
</tr>
<tr>
<td width="25%">
<div align="left">Password</div>
</td>
<td colspan="2" width="72%">
<input type="password" id="password" Name="password" maxlength="100">
<b><font color="FF6600">*</font></b> </td>
</tr>
<tr>
<td width="25%">
<div align="left">First Name</div>
</td>
<td colspan="2" width="72%">
<input type="text" id="first_name" Name="first_name" maxlength="100">
<b><font color="FF6600">*</font></b></td>
</tr>
<tr>
<td width="25%">
<div align="left">Last Name</div>
</td>
<td colspan="2" width="72%">
<input type="text" id="last_name" Name="last_name" maxlength="100">
<b><font color="FF6600">*</font></b></td>
<tr>
<td width="25%">
<div align="left">E-mail Address</div>
</td>
<td colspan="2" width="72%">
<input type="text" id="e_mail" Name="e_mail" maxlength="100">
<b><font color="FF6600">*</font></b><br></td>
</tr>
<tr>
<td width="25%">
<div align="left">Telephone</div>
</td>
<td colspan="2" width="72%">
<input type="number" id="Phone" Name="Phone" maxlength="15">
<b><font color="FF6600">*</font></b><br> (Eg. 0121234567, 0312345678 , +6512345678)</td>
</tr>
<tr>
<td width="25%">
<div align="left">Date of Birth</div>
</td>
<td colspan="2" width="72%">
<select size="1" maxlength="2" id="dobday" Name="dobday">
<option>- Select Day -</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>
<select size="1" id="dobmonth" Name="dobmonth">
<option>- Select Month -</option>
<option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option>
</select>
<select size="1" id="dobyear" Name="dobyear">
<option>- Select Year -</option>
<option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</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>
<b><font color="#ff6600">*</font></b> <br></td>
</tr>
<tr>
<td width="25%">
<div align="left">Gender</div>
</td>
<td colspan="2" width="72%">
<select size="1" id="gender" Name="gender">
<option>- Select Gender -</option><option value="1">Male</option><option value="2">Female</option>
</select>
<b><font color="#ff6600">*</font></b> </td>
</tr>
<tr>
<td width="25%">
<div align="left">Nationality</div>
</td>
<td colspan="2" width="72%">
<select id="nationality_id" Name="nationality_id" size="1">
<option>- Select Country -</option>
<option value="1">Afghanistan </option><option value="2">Albania </option><option value="3">Algeria </option><option value="4">American Samoa </option><option value="5">Andorra </option><option value="6">Angola </option><option value="7">Anguilla </option><option value="8">Antarctica </option><option value="9">Antigua and Barbuda </option><option value="10">Arctic Ocean </option><option value="11">Argentina </option><option value="12">Armenia </option><option value="13">Aruba </option><option value="14">Ashmore and Cartier Islands </option><option value="15">Atlantic Ocean </option><option value="16">Australia </option><option value="17">Austria </option><option value="18">Azerbaijan </option><option value="19">Bahamas, The</option><option value="20">Bahrain</option><option value="21">Baker Island</option><option value="22">Bangladesh</option><option value="23">Barbados</option><option value="24">Bassas da India</option><option value="25">Belarus</option><option value="26">Belgium</option><option value="27">Belize</option><option value="28">Benin</option><option value="29">Bermuda</option><option value="30">Bhutan</option><option value="31">Bolivia</option><option value="32">Bosnia and Herzegovina</option><option value="33">Botswana</option><option value="34">Bouvet Island</option><option value="35">Brazil</option><option value="36">British Indian Ocean Territory</option><option value="37">British Virgin Islands</option><option value="38">Brunei</option><option value="39">Bulgaria</option><option value="40">Burkina Faso</option><option value="41">Burma</option><option value="42">Burundi</option><option value="43">Cambodia</option><option value="44">Cameroon</option><option value="45">Canada</option><option value="46">Cape Verde</option><option value="47">Cayman Islands</option><option value="48">Central African Republic</option><option value="49">Chad</option><option value="50">Chile</option><option value="51">China</option><option value="52">Christmas Island</option><option value="53">Clipperton Island</option><option value="54">Cocos (Keeling) Islands</option><option value="55">Colombia</option><option value="56">Comoros</option><option value="57">Congo, Democratic Republic of the</option><option value="58">Congo, Republic of the</option><option value="59">Cook Islands</option><option value="60">Coral Sea Islands</option><option value="61">Costa Rica</option><option value="62">Cote d'Ivoire</option><option value="63">Croatia</option><option value="64">Cuba</option><option value="65">Cyprus</option><option value="66">Czech Republic</option><option value="67">Denmark</option><option value="68">Djibouti</option><option value="69">Dominica</option><option value="70">Dominican Republic</option><option value="71">East Timor</option><option value="72">Ecuador</option><option value="73">Egypt</option><option value="74">El Salvador</option><option value="75">Equatorial Guinea</option><option value="76">Eritrea</option><option value="77">Estonia</option><option value="78">Ethiopia</option><option value="79">Europa Island</option><option value="80">Falkland Islands (Islas Malvinas)</option><option value="81">Faroe Islands</option><option value="82">Fiji</option><option value="83">Finland</option><option value="84">France</option><option value="85">French Guiana</option><option value="86">French Polynesia</option><option value="87">French Southern and Antarctic Lands</option><option value="88">Gabon</option><option value="89">Gambia, The</option><option value="90">Gaza Strip</option><option value="91">Georgia</option><option value="92">Germany</option><option value="93">Ghana</option><option value="94">Gibraltar</option><option value="95">Glorioso Islands</option><option value="96">Greece</option><option value="97">Greenland</option><option value="98">Grenada</option><option value="99">Guadeloupe</option><option value="100">Guam</option><option value="101">Guatemala</option><option value="102">Guernsey</option><option value="103">Guinea</option><option value="104">Guinea-Bissau</option><option value="105">Guyana</option><option value="106">Haiti</option><option value="107">Heard Island and McDonald Islands</option><option value="108">Holy See (Vatican City)</option><option value="109">Honduras</option><option value="110">Hong Kong</option><option value="111">Howland Island</option><option value="112">Hungary</option><option value="113">Iceland</option><option value="114">India</option><option value="115">Indian Ocean</option><option value="116">Indonesia</option><option value="117">Iran</option><option value="118">Iraq</option><option value="119">Ireland</option><option value="120">Israel</option><option value="121">Italy</option><option value="122">Jamaica</option><option value="123">Jan Mayen</option><option value="124">Japan</option><option value="125">Jarvis Island</option><option value="126">Jersey</option><option value="127">Johnston Atoll</option><option value="128">Jordan</option><option value="129">Juan de Nova Island</option><option value="130">Kazakhstan</option><option value="131">Kenya</option><option value="132">Kingman Reef</option><option value="133">Kiribati</option><option value="134">Korea, North</option><option value="135">Korea, South</option><option value="136">Kuwait</option><option value="137">Kyrgyzstan</option><option value="138">Laos</option><option value="139">Latvia</option><option value="140">Lebanon</option><option value="141">Lesotho</option><option value="142">Liberia</option><option value="143">Libya</option><option value="144">Liechtenstein</option><option value="145">Lithuania</option><option value="146">Luxembourg</option><option value="147">Macau</option><option value="148">Macedonia, The Former Yugoslav Republic of</option><option value="149">Madagascar</option><option value="150">Malawi</option><option value="151">Malaysia</option><option value="152">Maldives</option><option value="153">Mali</option><option value="154">Malta</option><option value="155">Man, Isle of</option><option value="156">Marshall Islands</option><option value="157">Martinique</option><option value="158">Mauritania</option><option value="159">Mauritius</option><option value="160">Mayotte</option><option value="161">Mexico</option><option value="162">Micronesia, Federated States of</option><option value="163">Midway Islands</option><option value="164">Moldova</option><option value="165">Monaco</option><option value="166">Mongolia</option><option value="167">Montserrat</option><option value="168">Morocco</option><option value="169">Mozambique</option><option value="170">Namibia</option><option value="171">Nauru</option><option value="172">Navassa Island</option><option value="173">Nepal</option><option value="174">Netherlands</option><option value="175">Netherlands Antilles</option><option value="176">New Caledonia</option><option value="177">New Zealand</option><option value="178">Nicaragua</option><option value="179">Niger</option><option value="180">Nigeria</option><option value="181">Niue</option><option value="182">Norfolk Island</option><option value="183">Northern Mariana Islands</option><option value="184">Norway</option><option value="185">Oman</option><option value="186">Pacific Ocean</option><option value="187">Pakistan</option><option value="188">Palau</option><option value="189">Palmyra Atoll</option><option value="190">Panama</option><option value="191">Papua New Guinea</option><option value="192">Paracel Islands</option><option value="193">Paraguay</option><option value="194">Peru</option><option value="195">Philippines</option><option value="196">Pitcairn Islands</option><option value="197">Poland</option><option value="198">Portugal</option><option value="199">Puerto Rico</option><option value="200">Qatar</option><option value="201">Reunion</option><option value="202">Romania</option><option value="203">Russia</option><option value="204">Rwanda</option><option value="205">Saint Helena</option><option value="206">Saint Kitts and Nevis</option><option value="207">Saint Lucia</option><option value="208">Saint Pierre and Miquelon</option><option value="209">Saint Vincent and the Grenadines</option><option value="210">Samoa</option><option value="211">San Marino</option><option value="212">Sao Tome and Principe</option><option value="213">Saudi Arabia</option><option value="214">Senegal</option><option value="215">Serbia and Montenegro</option><option value="216">Seychelles</option><option value="217">Sierra Leone</option><option value="218">Singapore</option><option value="219">Slovakia</option><option value="220">Slovenia</option><option value="221">Solomon Islands</option><option value="222">Somalia</option><option value="223">South Africa</option><option value="224">South Georgia and the South Sandwich Islands</option><option value="225">Southern Ocean</option><option value="226">Spain</option><option value="227">Spratly Islands</option><option value="228">Sri Lanka</option><option value="229">Sudan</option><option value="230">Suriname</option><option value="231">Svalbard</option><option value="232">Swaziland</option><option value="233">Sweden</option><option value="234">Switzerland</option><option value="235">Syria</option><option value="236">Tajikistan</option><option value="237">Tanzania</option><option value="238">Thailand</option><option value="239">Togo</option><option value="240">Tokelau</option><option value="241">Tonga</option><option value="242">Trinidad and Tobago</option><option value="243">Tromelin Island</option><option value="244">Tunisia</option><option value="245">Turkey</option><option value="246">Turkmenistan</option><option value="247">Turks and Caicos Islands</option><option value="248">Tuvalu</option><option value="249">Uganda</option><option value="250">Ukraine</option><option value="251">United Arab Emirates</option><option value="252">United Kingdom</option><option value="253">United States</option><option value="254">Uruguay</option><option value="255">Uzbekistan</option><option value="256">Vanuatu</option><option value="257">Venezuela</option><option value="258">Vietnam</option><option value="259">Virgin Islands</option><option value="260">Wake Island</option><option value="261">Wallis and Futuna</option><option value="262">West Bank</option><option value="263">Western Sahara</option><option value="264">Yemen</option><option value="265">Zambia</option><option value="266">Zimbabwe</option><option value="267">Taiwan</option><option value="999">Others</option>
</select>
<b><font color="#ff6600">*</font></b> <br></td>
</tr>
<tr>
<td width="25%" valign="top">
<div align="left">Address</div>
</td>
<td colspan="2" width="72%">
<input type="text" id="address" Name="address" maxlength="200" size = "27"> <b><font color="FF6600">*</font></b></td>
</tr>
<tr>
<td width="25%">
<div align="left">City</div>
</td>
<td colspan="2" width="72%">
<input type="text" id="city" Name="city" maxlength="100">
<b><font color="FF6600">*</font></b></td>
</tr>
<tr>
<td width="25%">
<div align="left">State</div>
</td>
<td colspan="2" width="72%">
<input type="text" id="state" Name="state" maxlength="100">
<b><font color="FF6600">*</font></b></td>
</tr>
<tr>
<td width="25%">
<div align="left">Post Code</div>
</td>
<td colspan="2" width="72%">
<input type="number" id="post_code" Name="post_code" maxlength="100">
<b><font color="FF6600">*</font></b></td>
</tr>
<tr>
<td width="25%">
<div align="left">Register Date</div>
</td>
<td colspan="2" width="72%">
<select size="1" maxlength="2" id="register_day" Name="register_day">
<option>- Select Day -</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>
<select size="1" id="register_month" Name="register_month">
<option>- Select Month -</option>
<option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option>
</select>
<select size="1" id="register_year" Name="register_year">
<option>- Select Year -</option>
<option value="2009">2009</option><option value="2010">2010</option>
</select>
<b><font color="#ff6600">*</font></b> <br></td>
</tr>
<tr>
<td width="25%"> </td>
<td colspan="2" align="left" width="72%"> <br>
<input type='submit' value='Submit'/>
<input type="Reset" value="Reset">
</td>
</tr></form>
</table>
Comment