form validation? it's not working?
hi javascript guru.
i have a form that is working before and i added some codes and this time
it's not showing up the messages.
a zillion thanks to a person that can figure out the cause of this problem.
here is the form code below
and of course i include the checkform.js inside the <head> see below.Code:<div id="contactformdiv" style="position:absolute; left:147px; top:354px; width:452px; height:483px; z-index:3;"> <form action="http://www.capitolpreservation.com/smail.php" method="post" name="msgform" id="msgform"> <div> <div align="left"></div> <table width="450" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <!-- First tabe row --> <tbody> <tr> <td colspan="3"></td> <!-- second table row --> </tr> <tr> <td width="211" bgcolor="#FFFFFF"><div align="left" class="style6"><font face="Tahoma"><span class="style7">First Name</span> <input maxlength="30" name="fname" size="20" /> </font></div></td> <!-- Coloum two in the second table row --> <td width="239" colspan="2" bgcolor="#FFFFFF"><div align="left" class="style6"><font face="Tahoma"><span class="style7">Last Name</span> <input maxlength="30" name="lname" size="20" /> </font></div></td> </tr> <!-- Third table row spread over 3 coloumns --> <tr bgcolor="#FFFFFF"> <td colspan="3"><div align="left" class="style6"><font face="Tahoma"><span class="style7">Street</span><br /> <input maxlength="70" name="st1" size="70" /> <br /> <input maxlength="70" name="st2" size="70" /> </font></div></td> </tr> <tr> <td width="211" bgcolor="#FFFFFF"><div align="left" class="style6"><font face="Tahoma"><span class="style7">City</span> <input maxlength="30" name="city" size="20" /> </font></div></td> <td width="239" colspan="2" bgcolor="#FFFFFF"><div align="left" class="style6"><font face="Tahoma"><span class="style7">State</span> <input maxlength="30" name="state" size="20" /> </font></div></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="3"><div align="left" class="style6"><font face="Tahoma"><span class="style7">Zip Code</span> <input maxlength="15" size="10" name="zcode" /> </font></div></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="3"><p><span class="style6"><font face="Tahoma"><span class="style7">Country Code </span></font></span> <input type="text" name="country-code" /> </p></td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="3"><div align="left" class="style6"> <p><font face="Tahoma"><span class="style7">Country</span> <select name="country"> <option value="--- Choose One ---" selected="selected">--- Choose One ---</option> <option value="United Kingdom ">United Kingdom</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua & Barbudo">Antigua & Barbudo</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="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="British Indian Ocean Territories">British Indian Ocean Territories</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 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="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</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 (Malvinas)">Falkland Islands (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="France, Metropolitan">France, Metropolitan</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</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="Heard and Mcdonald Islands">Heard and Mcdonald Islands</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, Democratic People's Republic">Korea, Democratic People's Republic</option> <option value="Korea, Republic of">Korea, Republic of</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos Peoples Democratic Republic of">Laos Peoples Democratic Republic of</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="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="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="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="Saint Helena">Saint Helena</option> <option value="Saint Kitts & Nevis">Saint Kitts & Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Pierre & Miquelon">Saint Pierre & Miquelon</option> <option value="Saint Vincent & the Grenadines">Saint Vincent & the Grenadines</option> <option value="Samoa, African">Samoa, African</option> <option value="Samoa, American">Samoa, American</option> <option value="San Marino">San Marino</option> <option value="Sao Tome & Principe">Sao Tome & 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 & Sandwich Islands ">South Georgia & Sandwich Islands</option> <option value="Spain ">Spain</option> <option value="Sri Lanka ">Sri Lanka</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 & Tobago ">Trinidad & Tobago</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="United States ">United States</option> <option value="United States Minor Outlying Islands ">United States Minor Outlying Islands</option> <option value="Uruguay ">Uruguay</option> <option value="Uzbekistan ">Uzbekistan</option> <option value="Vanuatu ">Vanuatu</option> <option value="Vatican City State ">Vatican City State</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="Zaire ">Zaire</option> <option value="Zambia ">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </font></p> </div></td> </tr> <tr> <td width="211" bgcolor="#FFFFFF"><div align="left" class="style6"><font face="Tahoma"><span class="style7">Phone Number<font size="1">(INCLUDE AREA CODE)</font></span><br /> <input maxlength="30" name="pnumber" size="20" /> </font></div></td> <td width="239" colspan="2" bgcolor="#FFFFFF"><div align="left" class="style6"><font face="Tahoma"><span class="style7">E-mail Address</span> <input maxlength="255" name="email" size="20" /> </font></div></td> </tr> <tr bgcolor="#FFFFFF"> <td height="170" colspan="3"><div align="left" class="style6"><font face="Tahoma"><span class="style7">Enquiry</span><br /> <textarea name="enquiry" rows="10" cols="50"></textarea> </font></div></td> </tr> <tr align="middle" bgcolor="#FFFFFF"> <td height="36" colspan="3"><span class="style6"><font face="Tahoma"> <input type="submit" value="Submit Enquiry" name="Submit" onclick="return checkForm();"/> <input type="reset" value="Clear Form" name="Reset" /> </font></span></td> </tr> </tbody> </table> </div> </form> </div>
ok here is the javascript code it self (formcheck.js).Code:<head> <script src="formcheck.js"></script> </head>
Is there a good hearted people here. I know this is very easy for javascriptCode:function checkForm() { var cfname, clname, cst1, ccity, cstate, czcode, ccountry-code, ccountry-code, ccountry, cpnumber, cemail, cenquiry; with(window.document.msgform) { cfname = fname; clname = lname; cst1 = st1; ccity = city; cstate = state; czcode = zcode; ccountry-code = country-code; ccountry = country; cpnumber = pnumber; cemail = email; cenquiry = enquiry; } if(trim(cfname.value) == '') { alert('Please enter yoru first name.'); cfname.focus(); return false; } else if(trim(clname.value) == '') { alert('Please enter your last name.'); clname.focus(); return false; } else if(trim(cst1.value) == '') { alert('Your street?'); cst1.focus(); return false; } else if(trim(ccity.value) == '') { alert('What is your city?'); ccity.focus(); return false; } else if(trim(cstate.value) == '') { alert('Enter your state?'); cstate.focus(); return false; } else if(trim(czcode.value) == '') { alert('Enter your zip code.'); czcode.focus(); return false; } else if(trim(ccountry-code.value) == '') { alert('Enter your country code.'); ccountry-code.focus(); return false; } else if(trim(cpnumber.value) == '') { alert('Enter your phone number please.'); cpnumber.focus(); return false; } else if(!isEmail(trim(cemail.value))) { alert('Please enter a valid email address.'); cemail.focus(); return false; } else if(trim(cenquiry.value) == '') { alert('What is your inquiry?'); cenquiry.focus(); return false; } else { cfname.value = trim(cfname.value); clname.value = trim(clname.value); cst1.value = trim(cst1.value); ccity.value = trim(ccity.value); cstate.value = trim(cstate.value); czcode.value = trim(czcode.value); czcountry-code.value = trim(czcountry-code.value); cpnumber.value = trim(cpnumber.value); cemail.value = trim(cemail.value); cenquiry.value = trim(cenquiry.value); return true; } } /* Strip whitespace from the beginning and end of a string Input : a string */ function trim(str) { return str.replace(/^\s+|\s+$/g,''); } /* Check if a string is in valid email format. Returns true if valid, false otherwise. */ function isEmail(str) { var regex = /^[-_.a-z0-9]+@(([-_a-z0-9]+\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i; return regex.test(str); }
gurus.
THANK YOU AGAIN IN ADVANCE for your help.
Originally Posted by solidcodes
Bookmarks