do validation to this form

Discussion in 'Web Design, HTML And CSS' started by priya_rajakumari, Apr 19, 2007.

  1. priya_rajakumari

    priya_rajakumari New Member

    Joined:
    Apr 19, 2007
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    0
    HTML:
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title> LOGIN PAGE</title>
            
                           </script>
        </head>
        <body>
    
        <h1> LOGIN PAGE</h1>
        
      <font size="2" face="Arial" color="#000000">
    <form name="TheForm">
    First Name*  <input type="text" name="fn"  size="33"> 
    <br>
    Last Name*  <input type="text" name="ln"  size="33"> 
    <br>
    Date of birth*<input type="text" name="em"  size="33"> 
    <br>
    
    E-mail address*<input type="text" name="em"  size="33"> 
    <br>
    phone<input type="text" name="ph" size="33"> 
    <br>
    fax*<input type="text" name="fax"  size="33">
    <br>
    position<input type="text" name="po"  size="33"> 
    <br>
    organisation<input type="text" name="or"  size="33"> 
    <br>
    address<input type="text" name="ad"  size="33"> 
    
    <br>
    zipcode*<input type="password" name="zip"  size="33"> 
    <br>
    country<select name="CboCountry" id="CboCountry" tabindex="16" style="position: static;">
    	<option value="Select from List">Select from List</option>
    	<option value="Afghanistan">Afghanistan</option>
    	<option value="Albania">Albania</option>
    	<option value="Algeria">Algeria</option>
    
    	<option value="American Samoa">American Samoa</option>
    	<option value="Andorra">Andorra</option>
    	<option value="Angola ">Angola </option>
    	<option value="Anguilla">Anguilla</option>
    	<option value="Antarctica">Antarctica</option>
    	<option value="Antigua and Barbuda">Antigua and Barbuda</option>
    
    	<option value="Argentina ">Argentina </option>
    	<option value="Armenia ">Armenia </option>
    	<option value="Aruba ">Aruba </option>
    	<option value="Australia ">Australia </option>
    	<option value="Austria ">Austria </option>
    	<option value="Azerbaijan">Azerbaijan</option>
    
    	<option value="Bahamas ">Bahamas </option>
    	<option value="Bahrain ">Bahrain </option>
    	<option value="Bangladesh">Bangladesh</option>
    	<option value="Barbados">Barbados</option>
    	<option value="Belarus ">Belarus </option>
    	<option value="Belgium ">Belgium </option>
    
    	<option value="Belize ">Belize </option>
    	<option value="Benin">Benin</option>
    	<option value="Bermuda">Bermuda</option>
    	<option value="Bhutan ">Bhutan </option>
    	<option value="Bolivia">Bolivia</option>
    	<option value="Bosnia/Herzegovina">Bosnia/Herzegovina</option>
    
    	<option value="Botswana">Botswana</option>
    	<option value="Bouvet Island ">Bouvet Island </option>
    	<option value="Brazil">Brazil</option>
    	<option value="Brunei Darussalam">Brunei Darussalam</option>
    	<option value="Bulgaria">Bulgaria</option>
    	<option value="Burkina Faso ">Burkina Faso </option>
    
    	<option value="Burundi">Burundi</option>
    	<option value="Cambodia">Cambodia</option>
    	<option value="Cameroon">Cameroon</option>
    	<option value="Canada">Canada</option>
    	<option value="Cape Verde ">Cape Verde </option>
    	<option value="Cayman Islands ">Cayman Islands </option>
    
    	<option value="Central African Rep. ">Central African Rep. </option>
    	<option value="Chad">Chad</option>
    	<option value="Chile">Chile</option>
    	<option value="China">China</option>
    	<option value="Christmas Island ">Christmas Island </option>
    	<option value="Cocos Islands ">Cocos Islands </option>
    
    	<option value="Colombia">Colombia</option>
    	<option value="Comoros">Comoros</option>
    	<option value="Congo (CD) ">Congo (CD) </option>
    	<option value="Congo (CG)">Congo (CG)</option>
    	<option value="Cook Islands ">Cook Islands </option>
    	<option value="Costa Rica ">Costa Rica </option>
    
    	<option value="Cote D'ivoire ">Cote D'ivoire </option>
    	<option value="Croatia ">Croatia </option>
    	<option value="Cuba ">Cuba </option>
    	<option value="Cyprus">Cyprus</option>
    	<option value="Czech Republic ">Czech Republic </option>
    	<option value="Denmark">Denmark</option>
    
    	<option value="Djibouti">Djibouti</option>
    	<option value="Dominica">Dominica</option>
    	<option value="Dominican Republic ">Dominican Republic </option>
    	<option value="East Timor ">East Timor </option>
    	<option value="Ecuador">Ecuador</option>
    	<option value="Egypt">Egypt</option>
    
    	<option value="El Salvador ">El Salvador </option>
    	<option value="Equatorial Guinea ">Equatorial Guinea </option>
    	<option value="Eritrea ">Eritrea </option>
    	<option value="Estonia ">Estonia </option>
    	<option value="Ethiopia ">Ethiopia </option>
    	<option value="Falkland Islands ">Falkland Islands </option>
    
    	<option value="Faroe Islands ">Faroe Islands </option>
    	<option value="Fiji ">Fiji </option>
    	<option value="Finland ">Finland </option>
    	<option value="France ">France </option>
    	<option value="France (Metro) ">France (Metro) </option>
    	<option value="French Guiana ">French Guiana </option>
    
    	<option value="French Polynesia ">French Polynesia </option>
    	<option value="French Southern Ter. ">French Southern Ter. </option>
    	<option value="Gabon ">Gabon </option>
    	<option value="Gambia">Gambia</option>
    	<option value="Georgia">Georgia</option>
    	<option value="Germany">Germany</option>
    
    	<option value="Ghana">Ghana</option>
    	<option value="Gibraltar">Gibraltar</option>
    	<option value="Greece">Greece</option>
    	<option value="Greenland">Greenland</option>
    	<option value="Grenada">Grenada</option>
    	<option value="Guadeloupe">Guadeloupe</option>
    
    	<option value="Guam">Guam</option>
    	<option value="Guatemala">Guatemala</option>
    	<option value="Guinea">Guinea</option>
    	<option value="Guinea-bissau ">Guinea-bissau </option>
    	<option value="Guyana">Guyana</option>
    	<option value="Haiti">Haiti</option>
    
    	<option value="Holy See (Vatican) ">Holy See (Vatican) </option>
    	<option value="Honduras">Honduras</option>
    	<option value="Hong Kong ">Hong Kong </option>
    	<option value="Hungary">Hungary</option>
    	<option value="Iceland">Iceland</option>
    	<option value="India">India</option>
    
    	<option value="Indonesia">Indonesia</option>
    	<option value="Iran">Iran</option>
    	<option value="Iraq">Iraq</option>
    	<option value="Ireland">Ireland</option>
    	<option value="Israel">Israel</option>
    	<option value="Italy">Italy</option>
    
    	<option value="Jamaica">Jamaica</option>
    	<option value="Japan">Japan</option>
    	<option value="Jordan">Jordan</option>
    	<option value="Kazakhstan">Kazakhstan</option>
    	<option value="Kenya">Kenya</option>
    	<option value="Kiribati">Kiribati</option>
    
    	<option value="Korea (KP)">Korea (KP)</option>
    	<option value="Korea (KR) ">Korea (KR) </option>
    	<option value="Kuwait ">Kuwait </option>
    	<option value="Kyrgyzstan ">Kyrgyzstan </option>
    	<option value="Lao ">Lao </option>
    	<option value="Latvia">Latvia</option>
    
    	<option value="Lebanon">Lebanon</option>
    	<option value="Lesotho">Lesotho</option>
    	<option value="Liberia">Liberia</option>
    	<option value="Libyan Arab Jamahiriya ">Libyan Arab Jamahiriya </option>
    	<option value="Liechtenstein">Liechtenstein</option>
    	<option value="Lithuania">Lithuania</option>
    
    	<option value="Luxembourg">Luxembourg</option>
    	<option value="Macau">Macau</option>
    	<option value="Macedonia">Macedonia</option>
    	<option value="Madagascar">Madagascar</option>
    	<option value="Malawi">Malawi</option>
    	<option value="Malaysia">Malaysia</option>
    
    	<option value="Maldives">Maldives</option>
    	<option value="Mali">Mali</option>
    	<option value="Malta">Malta</option>
    	<option value="Marshall Islands ">Marshall Islands </option>
    	<option value="Martinique">Martinique</option>
    	<option value="Mauritania">Mauritania</option>
    
    	<option value="Mauritius">Mauritius</option>
    	<option value="Mayotte">Mayotte</option>
    	<option value="Mexico">Mexico</option>
    	<option value="Micronesia">Micronesia</option>
    	<option value="Moldova">Moldova</option>
    	<option value="Monaco">Monaco</option>
    
    	<option value="Mongolia">Mongolia</option>
    	<option value="Montserrat">Montserrat</option>
    	<option value="Morocco">Morocco</option>
    	<option value="Mozambique">Mozambique</option>
    	<option value="Myanmar">Myanmar</option>
    	<option value="Namibia">Namibia</option>
    
    	<option value="Nauru">Nauru</option>
    	<option value="Nepal">Nepal</option>
    	<option value="Netherlands">Netherlands</option>
    	<option value="Netherlands Antilles">Netherlands Antilles</option>
    	<option value="New Caledonia ">New Caledonia </option>
    	<option value="New Zealand">New Zealand</option>
    
    	<option value="Nicaragua">Nicaragua</option>
    	<option value="Niger">Niger</option>
    	<option value="Nigeria">Nigeria</option>
    	<option value="Niue">Niue</option>
    	<option value="Norfolk Island ">Norfolk Island </option>
    	<option value="Norway">Norway</option>
    
    	<option value="Oman">Oman</option>
    	<option value="Pakistan">Pakistan</option>
    	<option value="Palau">Palau</option>
    	<option value="Panama">Panama</option>
    	<option value="Papua New Guinea">Papua New Guinea</option>
    	<option value="Paraguay">Paraguay</option>
    
    	<option value="Peru">Peru</option>
    	<option value="Philippines">Philippines</option>
    	<option value="Pitcairn">Pitcairn</option>
    	<option value="Poland">Poland</option>
    	<option value="Portugal">Portugal</option>
    	<option value="Puerto Rico ">Puerto Rico </option>
    
    	<option value="Qatar">Qatar</option>
    	<option value="Reunion">Reunion</option>
    	<option value="Romania">Romania</option>
    	<option value="Russian Federation ">Russian Federation </option>
    	<option value="Rwanda ">Rwanda </option>
    	<option value="St. Kitts and Nevis ">St. Kitts and Nevis </option>
    
    	<option value="St. Lucia ">St. Lucia </option>
    	<option value="St. Vincent/Grenadines ">St. Vincent/Grenadines </option>
    	<option value="Samoa ">Samoa </option>
    	<option value="San Marino ">San Marino </option>
    	<option value="Sao Tome and Principe ">Sao Tome and Principe </option>
    	<option value="Saudi Arabia ">Saudi Arabia </option>
    
    	<option value="Senegal">Senegal</option>
    	<option value="Seychelles">Seychelles</option>
    	<option value="Sierra Leone ">Sierra Leone </option>
    	<option value="Singapore">Singapore</option>
    	<option value="Slovakia">Slovakia</option>
    	<option value="Slovenia">Slovenia</option>
    
    	<option value="Solomon Islands ">Solomon Islands </option>
    	<option value="Somalia">Somalia</option>
    	<option value="South Africa">South Africa</option>
    	<option value="South Georgia ">South Georgia </option>
    	<option value="Spain">Spain</option>
    	<option value="Sri Lanka">Sri Lanka</option>
    
    	<option value="St. Helena">St. Helena</option>
    	<option value="St. Pierre/Miquelon">St. Pierre/Miquelon</option>
    	<option value="Sudan">Sudan</option>
    	<option value="Suriname">Suriname</option>
    	<option value="Svalbard/Jan Mayen ">Svalbard/Jan Mayen </option>
    	<option value="Swaziland">Swaziland</option>
    
    	<option value="Sweden">Sweden</option>
    	<option value="Switzerland">Switzerland</option>
    	<option value="Syrian Arab Republic">Syrian Arab Republic</option>
    	<option value="Taiwan">Taiwan</option>
    	<option value="Tajikistan">Tajikistan</option>
    	<option value="Tanzania">Tanzania</option>
    
    	<option value="Thailand">Thailand</option>
    	<option value="Togo">Togo</option>
    	<option value="Tokelau">Tokelau</option>
    	<option value="Tonga">Tonga</option>
    	<option value="Trinidad and Tobago ">Trinidad and Tobago </option>
    	<option value="Tunisia">Tunisia</option>
    
    	<option value="Turkey">Turkey</option>
    	<option value="Turkmenistan">Turkmenistan</option>
    	<option value="Turks/Caicos Islands">Turks/Caicos Islands</option>
    	<option value="Tuvalu">Tuvalu</option>
    	<option value="Uganda">Uganda</option>
    	<option value="Ukraine">Ukraine</option>
    
    	<option value="United Arab Emirates ">United Arab Emirates </option>
    	<option value="United Kingdom ">United Kingdom </option>
    	<option selected="selected" value="United States ">United States </option>
    	<option value="U.S. Minor Islands ">U.S. Minor Islands </option>
    	<option value="Uruguay">Uruguay</option>
    	<option value="Uzbekistan">Uzbekistan</option>
    
    	<option value="Vanuatu">Vanuatu</option>
    	<option value="Venezuela">Venezuela</option>
    	<option value="Vietnam">Vietnam</option>
    	<option value="Virgin Islands (British)">Virgin Islands (British)</option>
    	<option value="Virgin Islands (U.S.) ">Virgin Islands (U.S.) </option>
    	<option value="Wallis/Futuna Islands ">Wallis/Futuna Islands </option>
    
    	<option value="Western Sahara ">Western Sahara </option>
    	<option value="Yemen ">Yemen </option>
    	<option value="Yugoslavia">Yugoslavia</option>
    	<option value="Zambia">Zambia</option>
    	<option value="Zimbabwe">Zimbabwe</option>
    
    </select>
    <br>
    Memberid*<input type="text" name="mi"  size="33">
    <br>
    password *<input type="password" name="pa"  size="33"> 
    <br>
    Re-enterpassword *<input type="password" name="rpa"  size="33"> 
    <br>
    <input type="button" value="Submit" name="SB" onClick="sendOff();">
    
    <script language="JavaScript1.2">
    
    var good;
    function checkEmailAddress(field) {
    
    
    var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi);
    
    if (goodEmail){
       good = true
    } else {
       alert('Please enter a valid e-mail address.')
       field.focus()
       field.select()
       good = false
       }
    }
    
    
    function sendOff(){
    
       fncheck = document.TheForm.fn.value    
       if (fncheck.length <1) {
          alert('Please enter your first name.')
          return
       }     
         good = false
        
       lncheck = document.TheForm.ln.value    
       if (lncheck.length <1) {
          alert('Please enter your last name.')
          return
       }     
         good = false
         
        
       
        faxcheck = document.TheForm.fax.value    
       if (faxcheck.length <10) {
          alert('Please enter your fax number correctly')
          return
       }     
         good = false
         
       zipcheck = document.TheForm.zip.value    
       if (zipcheck.length <3) {
          alert('Please enter your zipcode ')
          return
       }     
         good = false
      
       micheck = document.TheForm.mi.value    
       if (micheck.length <3) {
          alert('Please enter your Member id')
          return
       }     
         good = false
                
         pacheck = document.TheForm.pa.value   
          if (pacheck.length <6) {
          alert('Please enter valid password.')
          return
       }     
          good = false
          
        rpacheck = document.TheForm.rpa.value    
       if (rpacheck.length <6) {
          alert('Please enter your Re-enterpassword')
          return
       }     
         good = false
         
       
          if ((document.TheForm.pa.value !=
              document.TheForm.rpa.value))
              {
              alert('Both password entries must match.')
       }
          
        checkEmailAddress(document.TheForm.em)
       if ((document.TheForm.em.value ==
            document.TheForm.emx.value)&&(good)&&(good)){
          
          alert("Name email address password fields verified good.")
       }      
          
     
     }
    </script>
    </form>
    </font>
    
        
        </body>
    </html>
     
    Last edited by a moderator: Apr 19, 2007
  2. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,375
    Likes Received:
    388
    Trophy Points:
    83
  3. priya_rajakumari

    priya_rajakumari New Member

    Joined:
    Apr 19, 2007
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    0
    im not getting it
     
  4. shabbir

    shabbir Administrator Staff Member

    Joined:
    Jul 12, 2004
    Messages:
    15,375
    Likes Received:
    388
    Trophy Points:
    83
    Do you think we are here to do all the job for you. Find out what needs to be done (without you even giving a shot to explain) and everything will be done. Life is not that simple my friend
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice