1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Form validation help

Discussion in 'HTML & Website Design' started by muchochiz, Jan 2, 2011.

0
  1. #1
    I used this simple javascript validation http://www.javascript-coder.com/html...n-example.html here for my html form and although the script works on the website properly , it doesn't work for me and i don't know what i am doing wrong . Here is the code below


    <html>
    <head><title>contact us </title>
    </head>
    <body><form action="step2.php" method ="post"

    name="contactus">
    Name<br/><input type="text" size="36" maxlength="100

    name="username" /><br/>
    Email<br/><input type="text" size="36" maxlength="100

    name="email" /><br/>
    City<br/><input type="text" size="36" maxlength="100"
    name="city"><br/>
    State<br/><input type="text" size="36" maxlength="100"
    name="state"> <br/>
    Country<br/><select name="country" size="1">
    <option value="select country" selected>select

    country</option>
    <option value="United States of

    America">United States of America</option>
    <option

    value="Afghanistan">Afghanistan</option>
    <option value="Akrotiri">Akrotiri</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="Ashmore and Cartier

    Islands">Ashmore and Cartier Islands</option>

    <option value="Australia">Australia</option>
    <option value="Austria">Austria</option>
    <option value="Azerbaijan">Azerbaijan</option>
    <option value="Bahamas, The">Bahamas,

    The</option>
    <option value="Bahrain">Bahrain</option>
    <option value="Baker Island">Baker

    Island</option>

    <option value="Bangladesh">Bangladesh</option>
    <option value="Barbados">Barbados</option>
    <option value="Bassas da India">Bassas da

    India</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 and Herzegovina">Bosnia

    and Herzegovina</option>
    <option value="Botswana">Botswana</option>

    <option value="Bouvet Island">Bouvet

    Island</option>
    <option value="Brazil">Brazil</option>
    <option value="British Indian Ocean

    Territory">British Indian Ocean Territory</option>
    <option value="British Virgin Islands">British

    Virgin Islands</option>
    <option value="Brunei">Brunei</option>
    <option value="Bulgaria">Bulgaria</option>

    <option value="Burkina Faso">Burkina

    Faso</option>
    <option value="Burma">Burma</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

    Republic">Central African Republic</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="Clipperton Island">Clipperton

    Island</option>
    <option value="Cocos (Keeling) Islands">Cocos

    (Keeling) Islands</option>
    <option value="Colombia">Colombia</option>
    <option value="Comoros">Comoros</option>
    <option value="Congo, Democratic Republic of

    the">Congo, Democratic Republic of the</option>

    <option value="Congo, Republic of the">Congo,

    Republic of the</option>
    <option value="Cook Islands">Cook

    Islands</option>
    <option value="Coral Sea Islands">Coral Sea

    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="Dhekelia">Dhekelia</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="Europa Island">Europa

    Island</option>
    <option value="Falkland Islands (Islas

    Malvinas)">Falkland Islands (Islas Malvinas)</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="French Guiana">French

    Guiana</option>
    <option value="French Polynesia">French

    Polynesia</option>

    <option
    value="French Southern and Antarctic

    Lands">French Southern and Antarctic Lands</option>
    <option value="Gabon">Gabon</option>
    <option value="Gambia, The">Gambia,

    The</option>
    <option value="Gaza Strip">Gaza Strip</option>
    <option value="Georgia">Georgia</option>
    <option value="Germany">Germany</option>

    <option value="Ghana">Ghana</option>
    <option value="Gibraltar">Gibraltar</option>
    <option value="Glorioso Islands">Glorioso

    Islands</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="Guernsey">Guernsey</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="Heard Island and McDonald

    Islands">Heard Island and McDonald Islands</option>
    <option value="Holy See (Vatican City)">Holy

    See (Vatican City)</option>
    <option value="Honduras">Honduras</option>
    <option value="Hong Kong">Hong Kong</option>

    <option value="Howland Island">Howland

    Island</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="Jan Mayen">Jan Mayen</option>

    <option value="Japan">Japan</option>
    <option value="Jarvis Island">Jarvis

    Island</option>
    <option value="Jersey">Jersey</option>
    <option value="Johnston Atoll">Johnston

    Atoll</option>
    <option value="Jordan">Jordan</option>
    <option value="Juan de Nova Island">Juan de

    Nova Island</option>

    <option value="Kazakhstan">Kazakhstan</option>
    <option value="Kenya">Kenya</option>
    <option value="Kingman Reef">Kingman

    Reef</option>
    <option value="Kiribati">Kiribati</option>
    <option value="Korea, North">Korea,

    North</option>
    <option value="Korea, South">Korea,

    South</option>

    <option value="Kuwait">Kuwait</option>
    <option value="Kyrgyzstan">Kyrgyzstan</option>
    <option value="Laos">Laos</option>
    <option value="Latvia">Latvia</option>
    <option value="Lebanon">Lebanon</option>
    <option value="Lesotho">Lesotho</option>

    <option value="Liberia">Liberia</option>
    <option value="Libya">Libya</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="Man, Isle of">Man, Isle

    of</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, Federated States

    of">Micronesia, Federated States of</option>
    <option value="Midway Islands">Midway

    Islands</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="Namibia">Namibia</option>
    <option value="Nauru">Nauru</option>

    <option value="Navassa Island">Navassa

    Island</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="Northern Mariana

    Islands">Northern Mariana Islands</option>

    <option value="Norway">Norway</option>
    <option value="Oman">Oman</option>
    <option value="Pakistan">Pakistan</option>
    <option value="Palau">Palau</option>
    <option value="Palmyra Atoll">Palmyra

    Atoll</option>
    <option value="Panama">Panama</option>

    <option value="Papua New Guinea">Papua New

    Guinea</option>
    <option value="Paracel Islands">Paracel

    Islands</option>
    <option value="Paraguay">Paraguay</option>
    <option value="Peru">Peru</option>
    <option

    value="Philippines">Philippines</option>
    <option value="Pitcairn Islands">Pitcairn

    Islands</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="Russia">Russia</option>
    <option value="Rwanda">Rwanda</option>
    <option value="Saint Helena">Saint

    Helena</option>
    <option value="Saint Kitts and Nevis">Saint

    Kitts and Nevis</option>
    <option value="Saint Lucia">Saint

    Lucia</option>
    <option value="Saint Pierre and

    Miquelon">Saint Pierre and Miquelon</option>

    <option value="Saint Vincent and the

    Grenadines">Saint Vincent and the 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="Serbia and Montenegro">Serbia

    and Montenegro</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 and the South Sandwich

    Islands">South Georgia and the South Sandwich Islands</option>
    <option value="Spain">Spain</option>
    <option value="Spratly Islands">Spratly

    Islands</option>

    <option value="Sri Lanka">Sri Lanka</option>
    <option value="Sudan">Sudan</option>
    <option value="Suriname">Suriname</option>
    <option value="Svalbard">Svalbard</option>
    <option value="Swaziland">Swaziland</option>
    <option value="Sweden">Sweden</option>

    <option

    value="Switzerland">Switzerland</option>
    <option value="Syria">Syria</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="Tromelin Island">Tromelin

    Island</option>
    <option value="Tunisia">Tunisia</option>

    <option value="Turkey">Turkey</option>
    <option

    value="Turkmenistan">Turkmenistan</option>
    <option value="Turks and Caicos Islands">Turks

    and 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 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">Virgin

    Islands</option>
    <option value="Wake Island">Wake

    Island</option>
    <option value="Wallis and Futuna">Wallis and

    Futuna</option>
    <option value="West Bank">West Bank</option>
    <option value="Western Sahara">Western

    Sahara</option>

    <option value="Yemen">Yemen</option>
    <option value="Zambia">Zambia</option>
    <option value="Zimbabwe">Zimbabwe</option>
    </select> </td>
    <br/>
    subject<br/><input type="text" size="36" maxlength="100"

    name="Subject">

    <br/>Inquiry<br/><textarea row="7" cols="70" name="inquiry"

    /></textarea><br/>

    <input type="submit" name="submit" value="send your inquiry"

    />
    </form>
    <script language="JavaScript" type="text/javascript">
    //You should create the validator only after the definition of

    the HTML form
    var frmvalidator = new Validator("contactus");
    frmvalidator.addValidation("username","req","Please enter

    your Name");
    frmvalidator.addValidation("username","maxlen=100",
    "Max length for userName is 100");
    frmvalidator.addValidation("username","alpha");


    frmvalidator.addValidation("email","maxlen=100");
    frmvalidator.addValidation("email","req");
    frmvalidator.addValidation("email","email");

    frmvalidator.addValidation("Phone","maxlen=100");
    frmvalidator.addValidation("Phone","numeric");

    frmvalidator.addValidation("Address","maxlen=100");
    frmvalidator.addValidation("Country","dontselect=0");

    </script>
    </body>
    </html>
     
    Last edited: Jan 2, 2011
    muchochiz, Jan 2, 2011 IP
  2. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #2
    ???

    What is your question?

    Just posting some code does not help...
     
    CSM, Jan 3, 2011 IP
  3. muchochiz

    muchochiz Active Member

    Messages:
    148
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    just edited it
     
    muchochiz, Jan 3, 2011 IP
  4. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #4
    I do not see that you are loading the script itself.

    
<script src="gen_validatorv31.js" type="text/javascript"></script>
    Code (markup):
     
    CSM, Jan 3, 2011 IP
  5. muchochiz

    muchochiz Active Member

    Messages:
    148
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #5
    Hi csm i added the code you gave me but it still doesn't work , please go through the code and see if there is something wrong , did i put the code "gen_validatorv31.js" in the right place ? are there attributes clashing ? i have checked but i can't find any problem

     
    muchochiz, Jan 3, 2011 IP
  6. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #6
    Would be easier to see your "stuff" online... it seems you did not download the js file and uploaded it to your "site"
     
    CSM, Jan 5, 2011 IP