Forums

Hello,

I am unable to get the my form fields to validate for the life of me. It looks good and is doing everything else that I need. I've enabled JS validation and made sure there was no spaces in the name. Please help below is a link to my form and the system generated code. Once the validation works I am planning on purchasing the full version as every thing else works perfect.

http://grps.org/volunteer-test

<fieldset>
<legened><h3 class="title">PERSONAL<span> INFORMATION</span></h3></legened><div class="ccms_form_element cfdiv_select" id="volunteer_container_div" style=""><label for="Volunteer">Volunteering at</label><select size="1" id="Volunteer" class="" title="" name="Volunteering_Location">
<option value="None">None</option>
<option value="District Wide">District Wide</option>
<option value="Aberdeen">Aberdeen</option>
<option value="Academy of Business, Leadership, & Entrepreneurships">Academy of Business, Leadership, & Entrepreneurships</option>
<option value="Academy of Design & Construction">Academy of Design & Construction</option>
<option value="Academy of Health, Sciences & Technology">Academy of Health, Sciences & Technology</option>
<option value="Academy of Modern Engineering">Academy of Modern Engineering</option>
<option value="Alger Middle">Alger Middle</option>
<option value="Blandford">Blandford</option>
<option value="Brookside Elementary">Brookside Elementary</option>
<option value="Buchanan Elementary">Buchanan Elementary</option>
<option value="Burton Elementary">Burton Elementary</option>
<option value="Burton Middle">Burton Middle</option>
<option value="CA Frost Environmental Science">CA Frost Environmental Science</option>
<option value="Campus Elementary">Campus Elementary</option>
<option value="Center for Economicology">Center for Economicology</option>
<option value="Cesar E. Chavez Elementary">Cesar E. Chavez Elementary</option>
<option value="City High">City High</option>
<option value="City Middle">City Middle</option>
<option value="Coit Creative Arts Academy">Coit Creative Arts Academy</option>
<option value="Congress Elementary">Congress Elementary</option>
<option value="Dickinson Academy">Dickinson Academy</option>
<option value="East Leonard Elementary ">East Leonard Elementary</option>
<option value="Gerald R. Ford Academic Center PK-8 College Prep">Gerald R. Ford Academic Center PK-8 College Prep</option>
<option value="Grand Rapids Child Discovery Center">Grand Rapids Child Discovery Center</option>
<option value="Grand Rapids Montessori High">Grand Rapids Montessori High</option>
<option value="Grand Rapids Montessori PK-8">Grand Rapids Montessori PK-8</option>
<option value="Grand Rapids Montessori @ North Park">Grand Rapids Montessori @ North Park</option>
<option value="Harrison Park">Harrison Park</option>
<option value="Hearing Impaired Program at Ken-o-Sha Park">Hearing Impaired Program at Ken-o-Sha Park</option>
<option value="Home Education for Expelled Students">Home Education for Expelled Students</option>
<option value="KEC Beltline High">KEC Beltline High</option>
<option value="KEC Oakleigh K-8">KEC Oakleigh K-8</option>
<option value="Ken O Sha Park Elementary">Ken O Sha Park Elementary</option>
<option value="Ken-O-Sha Center at Campus Early Childhood Center">Ken-O-Sha Center at Campus Early Childhood Center</option>
<option value="Ken-O-Sha POHI">Ken-O-Sha POHI</option>
<option value="Ken-O-Sha Preschool & Diagnostic Center At Van Auken">Ken-O-Sha Preschool & Diagnostic Center At Van Auken</option>
<option value="Kent County Correctional Facility">Kent County Correctional Facility</option>
<option value="Kent Hills Elementary">Kent Hills Elementary</option>
<option value="Kent Vocational Options & CBOT">Kent Vocational Options & CBOT</option>
<option value="Lincoln Developmental Center">Lincoln Developmental Center</option>
<option value="Lincoln School">Lincoln School</option>
<option value="Martin Luther King Jr. Leadership Academy">Martin Luther King Jr. Leadership Academy</option>
<option value="Mulick Park Elementary">Mulick Park Elementary</option>
<option value="Ottawa Hills High ">Ottawa Hills High</option>
<option value="Palmer Elementary">Palmer Elementary</option>
<option value="Pine Grove">Pine Grove</option>
<option value="Riverside Middle School">Riverside Middle School</option>
<option value="Shawmut Hills">Shawmut Hills</option>
<option value="Sherwood Park Global Studies Academy">Sherwood Park Global Studies Academy</option>
<option value="Sibley Elementary ">Sibley Elementary</option>
<option value="Southeast Student Success Center">Southeast Student Success Center</option>
<option value="Southwest Community Campus">Southwest Community Campus</option>
<option value="Stocking Elementary">Stocking Elementary</option>
<option value="Turning Point Academy">Turning Point Academy</option>
<option value="Union High ">Union High</option>
<option value="University Prep Academy">University Prep Academy</option>
<option value="Visually Impaired Program ">Visually Impaired Program</option>
<option value="Westwood Middle">Westwood Middle</option>
<option value="Zoo School">Zoo School</option>
</select>
<div class="clear"></div><div id="error-message-Volunteering_Location"></div></div><div class="ccms_form_element cfdiv_text" id="organization_container_div" style=""><label for="Organization">Organization:</label><input id="Organization" maxlength="150" size="30" class="" title="" type="text" value="" name="Organization" />
<div class="clear"></div><div id="error-message-Organization"></div></div><div class="ccms_form_element cfdiv_text" id="name_of_student_container_div" style=""><label for="Name of Student">Name of Student (if applicable)</label><input id="Name of Student" maxlength="150" size="30" class="" title="" type="text" value="" name="Name_of_Student" />
<div class="clear"></div><div id="error-message-Name_of_Student"></div></div></fieldset><fieldset>
<legened><h3 class="title">Contact<span> INFORMATION</span></h3></legened><div class="ccms_form_element cfdiv_text" id="last_name_container_div" style=""><label for="Last Name">Last Name</label><input id="Last Name" maxlength="150" size="30" class=" validate['required','nodigit']" title="" type="text" value="" name="Last_Name" />
<div class="clear"></div><div id="error-message-Last_Name"></div></div><div class="ccms_form_element cfdiv_text" id="first_name_container_div" style=""><label for="First Name">First Name</label><input id="First Name" maxlength="150" size="30" class=" validate['required','nodigit']" title="" type="text" value="" name="First_Name" />
<div class="clear"></div><div id="error-message-First_Name"></div></div><div class="ccms_form_element cfdiv_text" id="middle_name_container_div" style=""><label for="Middle Name">Middle Name</label><input id="Middle Name" maxlength="150" size="30" class="" title="" type="text" value="" name="Middle_Name" />
<div class="clear"></div><div id="error-message-Middle_Name"></div></div><div class="ccms_form_element cfdiv_text" id="address_container_div" style=""><label for="Address">Address</label><input id="Address" maxlength="150" size="30" class=" validate['required']" title="Address" type="text" value="" name="Address" />
<div class="clear"></div><div id="error-message-Address"></div></div><div class="ccms_form_element cfdiv_text" id="city_container_div" style=""><label for="City">City</label><input id="City" maxlength="150" size="30" class=" validate['required']" title="" type="text" value="" name="City" />
<div class="clear"></div><div id="error-message-City"></div></div><div class="ccms_form_element cfdiv_text" id="state_container_div" style=""><label for="State">State</label><input id="State" maxlength="150" size="30" class=" validate['required']" title="" type="text" value="" name="State" />
<div class="clear"></div><div id="error-message-State"></div></div><div class="ccms_form_element cfdiv_text" id="zip_code_container_div" style=""><label for="Zip Code">Zip Code</label><input id="Zip Code" maxlength="10" size="30" class=" validate['required']" title="" type="text" value="" name="Zip_Code" />
<div class="clear"></div><div id="error-message-Zip_Code"></div></div><div class="ccms_form_element cfdiv_text" id="home_phone_container_div" style=""><label for="Home Phone">Home Phone</label><input id="Home Phone" maxlength="150" size="30" class="" title="" type="text" value="" name="Home_Phone" />
<div class="clear"></div><div id="error-message-Home_Phone"></div></div><div class="ccms_form_element cfdiv_text" id="work_phone_container_div" style=""><label for="Work Phone">Work Phone</label><input id="Work Phone" maxlength="150" size="30" class="" title="" type="text" value="" name="Work_Phone" />
<div class="clear"></div><div id="error-message-Work_Phone"></div></div><div class="ccms_form_element cfdiv_text" id="cell_phone_container_div" style=""><label for="Cell Phone">Cell Phone</label><input id="Cell Phone" maxlength="150" size="30" class="" title="" type="text" value="" name="Cell_Phone" />
<div class="clear"></div><div id="error-message-Cell_Phone"></div></div><div class="ccms_form_element cfdiv_text" id="birth_container_div" style=""><label for="Birth">Birth Date</label><input id="Birth" maxlength="150" size="30" class="" title="" type="text" value="" name="Birth_date" />
<div class="clear"></div><div id="error-message-Birth_date"></div></div><div class="ccms_form_element cfdiv_text" id="email_container_div" style=""><label for="Email">Email Address</label><input id="Email" maxlength="150" size="30" class=" validate['required','email']" title="" type="text" value="" name="Email" />
<div class="clear"></div><div id="error-message-Email"></div></div></fieldset><fieldset>
<legened><h3 class="title">CRIMINAL<span> HISTORY AUTHORIZATION</span></h3></legened> As a prospective volunteer of the Grand Rapids Public Schools, I authorize the Grand Rapids Public Schools to request from the
Criminal Records Division of the Department of State Police and the Grand Rapids Police Department a criminal history check
prior to an offer using the information below. <br /><br /><div class="ccms_form_element cfdiv_text" id="legal_name_container_div" style=""><label for="Legal Name">Full Legal Name</label><input id="Legal Name" maxlength="150" size="30" class=" validate['required']" title="" type="text" value="" name="Legal_Name" />
<div class="clear"></div><div id="error-message-Legal_Name"></div></div><div class="ccms_form_element cfdiv_text" id="maiden_name_container_div" style=""><label for="Maiden Name">Maiden Name / Names previously used</label><input id="Maiden Name" maxlength="150" size="30" class="" title="" type="text" value="" name="Maiden_Name" />
<div class="clear"></div><div id="error-message-Maiden_Name"></div></div><div class="ccms_form_element cfdiv_text" id="birth_date_2_container_div" style=""><label for="Birth Date 2">Birth Date</label><input id="Birth Date 2" maxlength="150" size="30" class="" title="" type="text" value="" name="Birth_Date_2" />
<div class="clear"></div><div id="error-message-Birth_Date_2"></div></div><div class="ccms_form_element cfdiv_text" id="age_container_div" style=""><label for="Age">Age</label><input id="Age" maxlength="150" size="30" class="" title="" type="text" value="" name="Age" />
<div class="clear"></div><div id="error-message-Age"></div></div><div class="ccms_form_element cfdiv_text" id="race_container_div" style=""><label for="Race">Race</label><input id="Race" maxlength="150" size="30" class="" title="" type="text" value="" name="Race" />
<div class="clear"></div><div id="error-message-Race"></div></div><div class="ccms_form_element cfdiv_radio" id="sex_container_div" style=""><label for="Sex">Sex</label><input type="hidden" name="Sex" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="Sex" id="sex_0" title="" value="Male" class="" />
<label for="sex_0">Male</label>
<input type="radio" name="Sex" id="sex_1" title="" value="Female" class="" />
<label for="sex_1">Female</label>
</div><div class="clear"></div><div id="error-message-Sex"></div></div><div class="ccms_form_element cfdiv_text" id="driver_s_license_container_div" style=""><label for="Driver’s License">Driver’s License </label><input id="Driver’s License" maxlength="150" size="30" class="" title="" type="text" value="" name="Drivers_L" />
<div class="clear"></div><div id="error-message-Drivers_L"></div></div><div class="ccms_form_element cfdiv_radio" id="do_you_have_a_felony_container_div" style=""><label for="Do you have a felony">Do you have a felony?</label><input type="hidden" name="felony" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="felony" id="felony_0" title="" value="No" class="" />
<label for="felony_0">No</label>
<input type="radio" name="felony" id="felony_1" title="" value="Yes" class="" />
<label for="felony_1">Yes</label>
</div><div class="clear"></div><div id="error-message-felony"></div></div><div class="ccms_form_element cfdiv_radio" id="will_you_give_the_appeals_committee_permission_to_review_and_discuss_your_conviction__container_div" style=""><label for=" Will you give the Appeals Committee permission to review and discuss your conviction?"> Will you give the Appeals Committee permission to review and discuss your conviction?</label><input type="hidden" name="input_radio_98" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="input_radio_98" id="input_radio_98_0" title="Appeals_Committee" value="No" class="" />
<label for="input_radio_98_0">No</label>
<input type="radio" name="input_radio_98" id="input_radio_98_1" title="Appeals_Committee" value="Yes" class="" />
<label for="input_radio_98_1">Yes</label>
<input type="radio" name="input_radio_98" id="input_radio_98_2" title="Appeals_Committee" value="N/A" class="" />
<label for="input_radio_98_2">N/A</label>
</div><div class="clear"></div><div id="error-message-input_radio_98"></div></div><fieldset><div class="ccms_form_element cfdiv_radio" id="i_have_not_container_div" style=""><label for="I Have Not">I have been convicted of, or pled guilty or no contest to, any crimes, including both felonies and misdemeanors.</label><input type="hidden" name="i_have_not" value="" alt="ghost" />
<div style="float:left; clear:none;"><input type="radio" name="i_have_not" id="i_have_not_0" title="" value="No" class="validate['required']" />
<label for="i_have_not_0">No</label>
<input type="radio" name="i_have_not" id="i_have_not_1" title="" value="Yes" class="validate['required']" />
<label for="i_have_not_1">Yes</label>
</div><div class="clear"></div><div id="error-message-i_have_not"></div></div><div class="ccms_form_element cfdiv_header" id="id4_container_div" style=""><p>If you responded yes to the above question please explain in the are below (excluding minor traffic violations): </p><div class="clear"></div></div><div class="ccms_form_element cfdiv_textarea" id="if_applicable_container_div" style=""><label for="If Applicable">If Applicable</label><textarea id="If Applicable" cols="45" rows="12" class="" title="" name="If_Applicable"></textarea>
<div class="clear"></div><div id="error-message-If_Applicable"></div></div><div class="ccms_form_element cfdiv_checkbox" id="submittrue_container_div" style=""><input value="1" id="submitTrue" title="" type="checkbox" class="validate['required'] label_left" name="submitTrue" />
<label for="submitTrue"> By submitting this electronic form I am affirming that the information above is accurate to the best of my knowledge.</label><div class="clear"></div><div id="error-message-submitTrue"></div></div><div class="ccms_form_element cfdiv_submit" id="submit_container_div" style="text-align:right"><input name="Submit" id="Submit" class="" value="Submit" type="submit" />
<div class="clear"></div><div id="error-message-Submit"></div></div><div class="ccms_form_element cfdiv_empty" id="empty_container_div" style=""><div class="clear"></div><div id="error-message-empty"></div></div>

HI mickenss,

You have some slightly obscure JavaScript errors on the page. The LazyLoader fails with 'Class not defined'; then there is an error with window.addEvent. I suspect that both of these are because jQuery is being loaded and may not be being correctly put into noConflict mode (though I see a no Conflict file is being loaded).

Bob

Do you have any recommendations on the best way to resolve this issue? I'm at a stand still.

HI mickenss,

Only that you track down and fix the errors - I'm afraid that they are not uncommon when you add jQuery into Joomla! 1 or 2 sites. Neither seems to be directly caused by ChronoForms, though the second shows up in some ChronoForms script. If you are planning an upgrade to Joomla! 3,2 that handles JQuery much better.

Please see this FAQ which may help a bit.

Bob