Hi,The only validation that appears to be working with this form is the captcha. The rest of the required fields can be completely blank and the form will still submit. I then get the email with the field names but no submitted content. (except the ip address which appears)Is there anything in the code below that stands out as a culprit for messing up the verification? I have another form on the site with the validation working perfectly fine.Many thanks,AndrewForm code used Hosting Package Please select Universal Business Choose a Hosting packageDomain Name The domain name you wish to use the hosting for.First Name Last Name Email Telephone Address City Province / State: Please select Alberta British Columbia Manitoba New Brunswick Newfoundland and Labrador Nova Scotia Northwest Territories Nunavut Ontario Prince Edward Island Quebec Saskatchewan Yukon Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virginia Washington West Virginia Wisconsin Wyoming District of Columbia Puerto Rico Guam American Samoa U.S. Virgin Islands Northern Mariana Islands Not Applicable Non Canada & US residents please choose 'Not Applicable' Post Code Country Please select Canada United States United Kingdom Australia New Zealand Afghanistan Albania Algeria Andorra Angola Antigua & Deps Argentina Armenia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bhutan Bolivia Bosnia Herzegovina Botswana Brazil Brunei Bulgaria Burkina Burundi Cambodia Cameroon Cape Verde Central African Rep Chad Chile China Colombia Comoros Congo Costa Rica Croatia Cuba Cyprus Czech Republic Denmark Djibouti Dominica Dominican Republic East Timor Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Fiji Finland France Gabon Gambia Georgia Germany Ghana Greece Grenada Guatemala Guinea Guinea-Bissau Guyana Haiti Honduras Hungary Iceland India Indonesia Iran Iraq Ireland {Republic} Israel Italy Ivory Coast Jamaica Japan Jordan Kazakhstan Kenya Kiribati Korea North Korea South Kosovo Kuwait Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Mauritania Mauritius Mexico Micronesia Moldova Monaco Mongolia Montenegro Morocco Mozambique Myanmar, {Burma} Namibia Nauru Nepal Netherlands Nicaragua Niger Nigeria Norway Oman Pakistan Palau Panama Papua New Guinea Paraguay Peru Philippines Poland Portugal Qatar Romania Russian Federation Rwanda St Kitts & Nevis St Lucia Saint Vincent & the Grenadines Samoa San Marino Sao Tome & Principe Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Slovakia Slovenia Solomon Islands Somalia South Africa Spain Sri Lanka Sudan Suriname Swaziland Sweden Switzerland Syria Taiwan Tajikistan Tanzania Thailand Togo Tonga Trinidad & Tobago Tunisia Turkey Turkmenistan Tuvalu Uganda Ukraine United Arab Emirates Uruguay Uzbekistan Vanuatu Vatican City Venezuela Vietnam Yemen Zambia Zimbabwe Not Applicable Notes you wish to add? Please read the Terms and ConditionsClick here to open Terms and ConditionsTick box if you have read and will abide by the Terms and Conditions.Verify 'dark' characters {chronocaptcha_img}

Validation not working on form.

an

andrew222 15 Apr, 2012

Hi,

The only validation that appears to be working with this form is the captcha. The rest of the required fields can be completely blank and the form will still submit. I then get the email with the field names but no submitted content. (except the ip address which appears)

Is there anything in the code below that stands out as a culprit for messing up the verification? I have another form on the site with the validation working perfectly fine.

Many thanks,

Andrew

Form code used


<div class="ccms_form_element cfdiv_select" id="hosting_container_div"><label for="hosting">Hosting Package</label><select size="1" id="hosting" class=" validate['required']" title="Hosting" name="input_select_8">
<option value="">Please select</option>
<option value="Universal">Universal</option>
<option value="Business">Business</option>
</select>
<div class="small-message">Choose a Hosting package</div><div class="clear"></div><div id="error-message-input_select_8"></div></div><div class="ccms_form_element cfdiv_text" id="domain_name_container_div"><label for="domain_name">Domain Name</label><input id="domain_name" maxlength="150" size="30" class=" validate['required']" title="Domain Name" type="text" value="" name="input_text_9" />
<div class="small-message">The domain name you wish to use the hosting for.</div><div class="clear"></div><div id="error-message-input_text_9"></div></div><div class="ccms_form_element cfdiv_text" id="first_name_container_div"><label for="first_name">First Name</label><input id="first_name" maxlength="150" size="30" class=" validate['required']" title="First Name" type="text" value="" name="input_text_1" />
<div class="clear"></div><div id="error-message-input_text_1"></div></div><div class="ccms_form_element cfdiv_text" id="last_name_container_div"><label for="last_name">Last Name</label><input id="last_name" maxlength="150" size="30" class=" validate['required']" title="Last Name" type="text" value="" name="input_text_10" />
<div class="clear"></div><div id="error-message-input_text_10"></div></div><div class="ccms_form_element cfdiv_text" id="email_container_div"><label for="email">Email</label><input id="email" maxlength="150" size="30" class=" validate['required','email']" title="Email" type="text" value="" name="input_text_2" />
<div class="clear"></div><div id="error-message-input_text_2"></div></div><div class="ccms_form_element cfdiv_text" id="telephone_container_div"><label for="telephone">Telephone</label><input id="telephone" maxlength="150" size="30" class=" validate['required']" title="Telephone" type="text" value="" name="input_text_3" />
<div class="clear"></div><div id="error-message-input_text_3"></div></div><div class="ccms_form_element cfdiv_text" id="address_container_div"><label for="address">Address</label><input id="address" maxlength="150" size="50" class=" validate['required']" title="Address" type="text" value="" name="input_text_11" />
<div class="clear"></div><div id="error-message-input_text_11"></div></div><div class="ccms_form_element cfdiv_text" id="city_container_div"><label for="city">City</label><input id="city" maxlength="150" size="30" class=" validate['required']" title="City" type="text" value="" name="input_text_12" />
<div class="clear"></div><div id="error-message-input_text_12"></div></div><div class="ccms_form_element cfdiv_select" id="province_state_container_div"><label for="province_state">Province / State:</label><select size="1" id="province_state" class=" validate['required']" title="Province / State" name="input_select_15">
<option value="">Please select</option>
<option value="Alberta">Alberta</option>
<option value="British Columbia">British Columbia</option>
<option value="Manitoba">Manitoba</option>
<option value="New Brunswick">New Brunswick</option>
<option value="Newfoundland and Labrador">Newfoundland and Labrador</option>
<option value="Nova Scotia">Nova Scotia</option>
<option value="Northwest Territories">Northwest Territories</option>
<option value="Nunavut">Nunavut</option>
<option value="Ontario">Ontario</option>
<option value="Prince Edward Island">Prince Edward Island</option>
<option value="Quebec">Quebec</option>
<option value="Saskatchewan">Saskatchewan</option>
<option value="Yukon">Yukon</option>
<option value="Alabama">Alabama</option>
<option value="Alaska">Alaska</option>
<option value="Arizona">Arizona</option>
<option value="Arkansas">Arkansas</option>
<option value="California">California</option>
<option value="Colorado">Colorado</option>
<option value="Connecticut">Connecticut</option>
<option value="Delaware">Delaware</option>
<option value="Florida">Florida</option>
<option value="Georgia">Georgia</option>
<option value="Hawaii">Hawaii</option>
<option value="Idaho">Idaho</option>
<option value="Illinois">Illinois</option>
<option value="Indiana">Indiana</option>
<option value="Iowa">Iowa</option>
<option value="Kansas">Kansas</option>
<option value="Kentucky">Kentucky</option>
<option value="Louisiana">Louisiana</option>
<option value="Maine">Maine</option>
<option value="Maryland">Maryland</option>
<option value="Massachusetts">Massachusetts</option>
<option value="Michigan">Michigan</option>
<option value="Minnesota">Minnesota</option>
<option value="Mississippi">Mississippi</option>
<option value="Missouri">Missouri</option>
<option value="Montana">Montana</option>
<option value="Nebraska">Nebraska</option>
<option value="Nevada">Nevada</option>
<option value="New Hampshire">New Hampshire</option>
<option value="New Jersey">New Jersey</option>
<option value="New Mexico">New Mexico</option>
<option value="New York">New York</option>
<option value="North Carolina">North Carolina</option>
<option value="North Dakota">North Dakota</option>
<option value="Ohio">Ohio</option>
<option value="Oklahoma">Oklahoma</option>
<option value="Oregon">Oregon</option>
<option value="Pennsylvania">Pennsylvania</option>
<option value="Rhode Island">Rhode Island</option>
<option value="South Carolina">South Carolina</option>
<option value="South Dakota">South Dakota</option>
<option value="Tennessee">Tennessee</option>
<option value="Texas">Texas</option>
<option value="Utah">Utah</option>
<option value="Vermont">Vermont</option>
<option value="Virginia">Virginia</option>
<option value="Washington">Washington</option>
<option value="West Virginia">West Virginia</option>
<option value="Wisconsin">Wisconsin</option>
<option value="Wyoming">Wyoming</option>
<option value="District of Columbia">District of Columbia</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Guam">Guam</option>
<option value="American Samoa">American Samoa</option>
<option value="U.S. Virgin Islands">U.S. Virgin Islands</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Not Applicable">Not Applicable</option>
</select>
<div class="small-message">Non Canada & US residents please choose 'Not Applicable' </div><div class="clear"></div><div id="error-message-input_select_15"></div></div><div class="ccms_form_element cfdiv_text" id="post_code_container_div"><label for="post_code">Post Code</label><input id="post_code" maxlength="20" size="15" class=" validate['required']" title="Post Code" type="text" value="" name="input_text_13" />
<div class="clear"></div><div id="error-message-input_text_13"></div></div><div class="ccms_form_element cfdiv_select" id="country_container_div"><label for="country">Country</label><select size="1" id="country" class=" validate['required']" title="Country" name="input_select_14">
<option value="">Please select</option>
<option value="Canada">Canada</option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Australia">Australia</option>
<option value="New Zealand">New Zealand</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="Antigua & Deps">Antigua & Deps</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</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="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bosnia Herzegovina">Bosnia Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Brazil">Brazil</option>
<option value="Brunei">Brunei</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina">Burkina</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Cape Verde">Cape Verde</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="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Costa Rica">Costa Rica</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="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</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="Greece">Greece</option>
<option value="Grenada">Grenada</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="Honduras">Honduras</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 {Republic}">Ireland {Republic}</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Ivory Coast">Ivory Coast</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 North">Korea North</option>
<option value="Korea South">Korea South</option>
<option value="Kosovo">Kosovo</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="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="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</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="Montenegro">Montenegro</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar, {Burma}">Myanmar, {Burma}</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</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="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Qatar">Qatar</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="St Kitts & Nevis">St Kitts & Nevis</option>
<option value="St Lucia">St Lucia</option>
<option value="Saint Vincent & the Grenadines">Saint Vincent & the Grenadines</option>
<option value="Samoa">Samoa</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="Serbia">Serbia</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="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Swaziland">Swaziland</option>
<option value="Swede">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="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="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican City">Vatican City</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Yemen">Yemen</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
<option value="Not Applicable">Not Applicable</option>
</select>
<div class="clear"></div><div id="error-message-input_select_14"></div></div><div class="ccms_form_element cfdiv_textarea" id="notes_to_add_container_div"><label for="notes_to_add">Notes you wish to add?</label><textarea id="notes_to_add" cols="70" rows="4" class="" title="Notes you wish to add" name="input_textarea_4"></textarea>
<div class="clear"></div><div id="error-message-input_textarea_4"></div></div><div class="ccms_form_element cfdiv_custom" id="terms_container_div"><label for="terms">Please read the Terms and Conditions</label><a href="hosting-terms" TARGET="_blank">Click here to open</a><div class="clear"></div><div id="error-message-input_custom_18"></div></div><div class="ccms_form_element cfdiv_checkbox" id="terms_conditions_container_div"><input type="hidden" name="input_checkbox_17" value="" alt="ghost" />
<input value="Box has been ticked" id="terms_conditions" title="Terms and Conditions" type="checkbox" class="validate['required'] label_left" name="input_checkbox_17" />
<label for="terms_conditions">Terms and Conditions</label><div class="small-message">Tick box if you have read and will abide by the Terms and Conditions.</div><div class="clear"></div><div id="error-message-input_checkbox_17"></div></div><div class="ccms_form_element cfdiv_text" id="autoID-d307a82a9273681abb2eb3eb40d4f366_container_div"><label>Verify 'dark' characters</label><input maxlength="5" size="5" class="chrono_captcha_input" title="" type="text" value="" name="chrono_verification" />
{chronocaptcha_img}<div class="clear"></div><div id="error-message-chrono_verification"></div></div><div class="ccms_form_element cfdiv_submit" id="autoID-3d2dcb2d9d49b7dc169f4fe9f5519eb9_container_div"><input name="input_submit_7" class="" value="Send Details" type="submit" />
<div class="clear"></div><div id="error-message-input_submit_7"></div></div>

Gr

GreyHead 16 Apr, 2012

Hi Andraw,

The most likely cause is a JavaScript conflict with something else on your site. Do you see any errors in the JavaScript console in your browser web developer tools?

Please post a link to the form so I can take a quick look.

Bob

bh

bhorst 17 Apr, 2012

Hi Bob,

same problem here... can't find any solution.

http://www.aeroclubkropp.de/Aero-Club-Kropp/rundfluege-ueber-schleswig-holstein-buchen.html

can you help me, please?

thanks,
bjoern

Gr

GreyHead 17 Apr, 2012

Hi bjoern,

If you look at the form without the tempalte you'll see that the validation is OK.

Your template (or some other component) is loading the jQuery JavaScript library.

Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest - which may or may not work - is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat plugin named JB Library from Joomla! Bamboo that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode. However this requires that JQuery is loaded using the Joomla Document object methods.

I have a tutorial on Resolving jQuery problems that explores some of the issues an diagnostics and shows how to modify one template example to use the Joomla! Document methods to load JQuery in noConflict mode.

Bob

bh

bhorst 17 Apr, 2012

hi bob,

great!

disableing the jquery files... tada!

validation is working again!

thanks,
bjoern

Forums

Validation not working on form.