Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Web Design, HTML And CSS Forums (http://www.go4expert.com/forums/web-design-forum/)
-   -   do validation to this form (http://www.go4expert.com/forums/validation-form-t3939/)

priya_rajakumari 19Apr2007 16:27

do validation to this form
 
HTML Code:

<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>


shabbir 19Apr2007 18:55

Re: do validation to this form
 
Done.

priya_rajakumari 20Apr2007 16:14

Re: do validation to this form
 
im not getting it

shabbir 20Apr2007 18:30

Re: do validation to this form
 
Quote:

Originally Posted by priya_rajakumari
im not getting it

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


All times are GMT +5.5. The time now is 11:04.