How to set validation date in javacript???
Expand|Select|Wrap|Line Numbers
- <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>