Skip to main content

Bug Tracker

Side navigation

#9415 closed bug (invalid)

Opened May 24, 2011 07:09PM UTC

Closed May 24, 2011 07:53PM UTC

Last modified March 14, 2012 06:26AM UTC

Jquery doesnt work for versions IE8 and lower

Reported by: kylethompson123@yahoo.com Owned by:
Priority: low Milestone: 1.next
Component: misc Version: 1.6.1
Keywords: Cc:
Blocked by: Blocking:
Description

Please take a peak at my code and let me know if anyone has any answers regarding why it wont validate in IE8 and lower?

Thanks

<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN" "http:www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script src="http://code.jquery.com/jquery-1.6.1.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#myform").validate({

errorContainer: "#messageBox1, #messageBox2",

errorLabelContainer: "#messageBox1 ul",

wrapper: "li", debug:false, email:true,

submitHandler: function(form) {

(document).form.submit;

}});

$('#chk2').click(function() {

var show;

$('#chk2').each(function () {

if ($(this).attr("checked")) {

show = true;

$('#div2').show();

}

});

if (!show)

$('#div2').hide();

});

});

</script>

<script src="jquery.validate.js" type="text/javascript" charset="UTF-8"></script>

<style>

#messageBox1, #messageBox2{

display: none;

}

.divstyle2{

display:none;

margin-left:23px;

margin-top:5px;

margin-bottom:15px;

}

#messageBox1 ul{

list-style:none;

line-height:14px;

}

label{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

margin-right:5px;

padding-top:10px;

}

.messageBox1{

border: 1px solid;

margin-bottom:20px;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.3);

-moz-box-shadow: 0 1px 15px rgba(0,0,0,.3);

box-shadow: 0 1px 15px rgba(0,0,0,.3);color: #000000;

}

</style>

</head>

<body>

<div id="messageBox1" class="messageBox1">

<ul></ul>

</div>

<form name="myform" id="myform" action="#" method="post">

<label>Email</label><br>

<input name="email" id="cemail" title="Please enter you email" class="required email" /><br>

<label>Firstname</label> <br>

<input name="fname" title="Your First Name, please!" class="required" /><br>

<label>Lastname</label> <br>

<input name="lname" title="Your Last Name, please!" class="required" /><br>

<label>I like apples: </label>

<input type='hidden' name='chk_1 'value="I did not click the checkbox" />

<input title="Do you like apples or not?" type="checkbox" class="required" id="chk2" name='chk_1' value="I like Apples" /><br />

<div id="div2" class="divstyle2">Please Specify:

<input type='text' name='chk_text' class="textEntry2" />

</div>

<label>address 1</label><br>

<input name="addy" title="Your address line 1, please!" class="required" /><br>

<label>address 2</label><br>

<input name="addy2" title="Your address line 2, please!" class="required" /><br>

<label>Country</label><br>

<select title="Please select a country" class="required" name="coutnry">

<optgroup label="label">

<option value="" selected="selected">Select Country</option>

</optgroup>

<optgroup label="common choices">

<option value="United Kingdom">United Kingdom</option>

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

<option value="France">France</option>

<option value="Germany">Germany</option>

<option value="Spain">Spain</option>

<option value="Italy">Italy</option>

<option value="Canada">Canada</option>

</optgroup>

<optgroup label="other countries">

<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 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="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="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</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="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="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 Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>

<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</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, Islamic Republic of">Iran, Islamic Republic of</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 of">Korea, Democratic People's Republic of</option>

<option value="Korea, Republic of">Korea, Republic of</option>

<option value="Kuwait">Kuwait</option>

<option value="Kyrgyzstan">Kyrgyzstan</option>

<option value="Lao People's Democratic Republic">Lao People's Democratic Republic</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="Macao">Macao</option>

<option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</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, Federated States of">Micronesia, Federated States of</option>

<option value="Moldova, Republic of">Moldova, Republic of</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="Palestinian Territory, Occupied">Palestinian Territory, Occupied</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 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="Sri Lanka">Sri Lanka</option>

<option value="Sudan">Sudan</option>

<option value="Suriname">Suriname</option>

<option value="Svalbard and Jan Mayen">Svalbard and 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, Province of China">Taiwan, Province of China</option>

<option value="Tajikistan">Tajikistan</option>

<option value="Tanzania, United Republic of">Tanzania, United Republic of</option>

<option value="Thailand">Thailand</option>

<option value="Timor-leste">Timor-leste</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 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="Venezuela">Venezuela</option>

<option value="Viet Nam">Viet Nam</option>

<option value="Virgin Islands, British">Virgin Islands, British</option>

<option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>

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

<option value="Western Sahara">Western Sahara</option>

<option value="Yemen">Yemen</option>

<option value="Zambia">Zambia</option>

<option value="Zimbabwe">Zimbabwe</option>

</optgroup>

</select>

<br>

<label>Postal Code</label><br>

<input name="postal" title="Your Postal Code, please!" class="required" /><br>

<label>State/Province</label><br>

<select id="state" name="stateProv" title="Please enter your current state/province" class="required">

<option value=" ">Select One</option>

<optgroup label="Canadian Provinces">

<option value="AB">Alberta</option>

<option value="BC">British Columbia</option>

<option value="MB">Manitoba</option>

<option value="NB">New Brunswick</option>

<option value="NF">Newfoundland</option>

<option value="NT">Northwest Territories</option>

<option value="NS">Nova Scotia</option>

<option value="NU">Nunavut</option>

<option value="ON">Ontario</option>

<option value="PE">Prince Edward Island</option>

<option value="QC">Quebec</option>

<option value="SK">Saskatchewan</option>

<option value="YT">Yukon Territory</option>

</optgroup>

<optgroup label="U.S. States">

<option value="AK">Alaska</option>

<option value="AL">Alabama</option>

<option value="AR">Arkansas</option>

<option value="AZ">Arizona</option>

<option value="CA">California</option>

<option value="CO">Colorado</option>

<option value="CT">Connecticut</option>

<option value="DC">District of Columbia</option>

<option value="DE">Delaware</option>

<option value="FL">Florida</option>

<option value="GA">Georgia</option>

<option value="HI">Hawaii</option>

<option value="IA">Iowa</option>

<option value="ID">Idaho</option>

<option value="IL">Illinois</option>

<option value="IN">Indiana</option>

<option value="KS">Kansas</option>

<option value="KY">Kentucky</option>

<option value="LA">Louisiana</option>

<option value="MA">Massachusetts</option>

<option value="MD">Maryland</option>

<option value="ME">Maine</option>

<option value="MI">Michigan</option>

<option value="MN">Minnesota</option>

<option value="MO">Missouri</option>

<option value="MS">Mississippi</option>

<option value="MT">Montana</option>

<option value="NC">North Carolina</option>

<option value="ND">North Dakota</option>

<option value="NE">Nebraska</option>

<option value="NH">New Hampshire</option>

<option value="NJ">New Jersey</option>

<option value="NM">New Mexico</option>

<option value="NV">Nevada</option>

<option value="NY">New York</option>

<option value="OH">Ohio</option>

<option value="OK">Oklahoma</option>

<option value="OR">Oregon</option>

<option value="PA">Pennsylvania</option>

<option value="PR">Puerto Rico</option>

<option value="RI">Rhode Island</option>

<option value="SC">South Carolina</option>

<option value="SD">South Dakota</option>

<option value="TN">Tennessee</option>

<option value="TX">Texas</option>

<option value="UT">Utah</option>

<option value="VA">Virginia</option>

<option value="VT">Vermont</option>

<option value="WA">Washington</option>

<option value="WI">Wisconsin</option>

<option value="WV">West Virginia</option>

<option value="WY">Wyoming</option>

</optgroup>

<optgroup label="Other">

<option value="WY">Other</option>

</optgroup>

</select>

<br>

<label>agree</label>

<input type="checkbox" name="agree" title="You must agree" class="required" /><br>

<br/>

<input type="submit" id="submit" name="newname" value="Sign Up" />

</form>

<div id="messageBox2">

<h3>There are errors in your form, see details above!</h3>

</div>

</body>

</html>

Attachments (0)
Change History (2)

Changed May 24, 2011 07:53PM UTC by timmywil comment:1

component: unfiledmisc
priority: undecidedlow
resolution: → invalid
status: newclosed

Please make sure you have the latest version of validate and ask for help in the #jquery irc channel or at https://forum.jquery.com/using-jquery-plugins

Changed November 30, 2011 09:34AM UTC by anonymous comment:2

Yes Jquery v1.6.1 is not working with IE7 and IE8 for validating the forms.