We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
  • Help - the form works in everything but IE8. In an IE8 browser the form doesn't process, I don't get an email and the form does not redirect.

    Some of my code:

    
    [[!FormIt?
       &hooks=`recaptcha,spam,email,redirect`
       &emailTpl=`myemailTpl`
       &emailTo=`[email protected]`
       &emailMultiSeparator=`<br />`
       &emailSubject=`Completed Application`
       &redirectTo=`12`
       &validate=`ownership:required,
                  applicant-age:required,
                  benefits:required`
       
    ]]
    
    		<form action="" method="post" class="appnitro" id="form">
    			<div class="form_description">
    			     <h2>Get Home Insulation Now.</h2>
                                 <h3>Insulation Application</h3>
    			     <p>To apply for a free no obligation energy assessment survey and to see if you qualify for FREE insulation, just fill in the form below or call us on: 01925 822 600 quoting "online offer". </p>
    		        </div>						
    			<ul>
    			
    			   <li id="li_1">
    		              <label for="ownership" class="description">Do you own your own home? [[!+fi.error.ownership]]</label>
    		              <span>
                                     <input type="hidden" name="ownership[]" value="" />
    			         <input type="radio" value="yes" [[!+fi.ownership:FormItIsChecked=`yes`]] class="element radio" name="ownership[]" id="ownership_1"><label for="ownership_1" class="choice">yes</label>
    
                                     <input type="radio" value="no" [[!+fi.ownership:FormItIsChecked=`no`]]class="element radio" name="ownership[]" id="ownership_2"><label for="ownership_2" class="choice">no</label>
    
    		              </span> 
    		           </li>		
    
                               <li id="li_2">
    		               <label for="housetype" class="description">What type of property do you live in? </label>
    		               <div>
    		               <select name="housetype" id="housetype" class="element select medium" value="[[!+fi.housetype]]"> 
    			       <option selected="selected" value=""></option>
                                       <option value="flat" [[!+fi.element_2:FormItIsSelected=`flat`]]>flat</option>
                                       <option value="semi detached bungalow" [[!+fi.element_2:FormItIsSelected=`semi detached bungalow`]]>semi detached bungalow</option>
                                       <option value="detached bungalow" [[!+fi.element_2:FormItIsSelected=`detached bungalow`]]>detached bungalow</option>
                                       <option value="mid terraced" [[!+fi.element_2:FormItIsSelected=`mid terraced`]]>mid terraced</option>
                                       <option value="end terraced" [[!+fi.element_2:FormItIsSelected=`end terraced`]]>end terraced</option>
                                       <option value="semi detached" [[!+fi.element_2:FormItIsSelected=`semi detached`]]>semi detached</option>
                                       <option value="detached" [[!+fi.element_2:FormItIsSelected=`detached`]]>detached</option>
    
    
    
    		               </select>
    		               </div> 
    
    		            </li>	
    
    
    			   <li id="li_1">
    		              <label for="south" class="description">Does your home face south east, south, south west or west? [[!+fi.error.south]]</label>
    		              <span>
                                     <input type="hidden" name="south[]" value="" />
    			         <input type="radio" value="yes" [[!+fi.south:FormItIsChecked=`yes`]] class="element radio" name="south[]" id="south_1"><label for="south_1" class="choice">yes</label>
    
                                     <input type="radio" value="no" [[!+fi.south:FormItIsChecked=`no`]]class="element radio" name="south[]" id="south_2"><label for="south_2" class="choice">no</label>
    
    		              </span> 
    		           </li>
    
                               <li id="li_12">
    		               <label for="age" class="description">When was the property built? </label>
    		               <div>
    		               <select name="age" id="age" class="element select medium"> 
    			       <option selected="selected" value=""></option>
                                      <option value="before 1976" [[!+fi.age:FormItIsSelected=`before 1976`]]>before 1976</option>
                                      <option value="between 1976 and 2000" [[!+fi.age:FormItIsSelected=`between 1976 and 2000`]]>between 1976 and 2000</option>
                                      <option value="2000 and after" [[!+fi.age:FormItIsSelected=`2000 and after`]]>2000 and after</option>
    
    		               </select>
    		               </div> 
    		           </li>		
    
                               <li id="li_13">
    		              <label for="rooms" class="description">How many bedrooms does it have?</label>
    		              <div>
    		              <select name="rooms" id="rooms" class="element select medium"> 
    			      <option selected="selected" value=""></option>
                                      <option value="1" [[!+fi.rooms:FormItIsSelected=`1`]]>1</option>
                                      <option value="2" [[!+fi.rooms:FormItIsSelected=`2`]]>2</option>
                                      <option value="3" [[!+fi.rooms:FormItIsSelected=`3`]]>3</option>
                                      <option value="4" [[!+fi.rooms:FormItIsSelected=`4`]]>4</option>
                                      <option value="5+" [[!+fi.rooms:FormItIsSelected=`5+`]]>5+</option>
    		              </select>
    		              </div> 
    		           </li>		
    
                               <li id="li_14">
    		              <label for="heating" class="description">What type of heating does your property have?</label>
    		              <div>
    		              <select name="heating" id="heating" class="element select medium"> 
    			      <option selected="selected" value=""></option>
                                      <option value="electricity" [[!+fi.heating:FormItIsSelected=`electricity`]]>electricity</option>
                                      <option value="coal" [[!+fi.heating:FormItIsSelected=`coal`]]>coal</option>
                                      <option value="gas" [[!+fi.heating:FormItIsSelected=`gas`]]>gas</option>
                                      <option value="oil" [[!+fi.heating:FormItIsSelected=`oil`]]>oil</option>
                                      <option value="LPG" [[!+fi.heating:FormItIsSelected=`LPG`]]>LPG</option>
    
    		              </select>
    		              </div> 
    		           </li>		
    
    
                               <li id="li_15">
    		              <label for="applicant-age" class="description">Are you, or someone you live with, 70 or older? [[!+fi.error.applicant-age]]</label>
    		              <span>
                                  <input type="hidden" name="applicant-age[]" value="" />
    			      <input type="radio" value="yes" [[!+fi.applicant-age:FormItIsChecked=`yes`]] class="element radio" name="applicant-age" id="applicant-age_1"><label for="applicant-age_1" class="choice">yes</label>
    
                                  <input type="radio" value="no" [[!+fi.ownership:FormItIsChecked=`no`]] class="element radio" name="applicant-age" id="applicant-age_2"><label for="applicant-age_2" class="choice">no</label>
    
    		              </span> 
    		           </li>		
    
                               <li id="li_3">
    		               <label for="birthdate" class="description">Date of birth if over 70. </label>
    		               <div>
                                       <input type="text" value="[[!+fi.birthdate]]" maxlength="255" class="element text medium" name="birthdate" id="birthdate"> 
    		               </div> 
    		           </li>		
    
    
                              <li id="li_16">
    		          <label for="benefits" class="description">Are you, or someone you live with, in receipt of one or more of the following (tick as appropriate): [[!+fi.error.benefits]]</label>
    		          <span>
                              <input type="hidden" name="benefits[]" value="" />
    
    			  <input type="checkbox" value="Council Tax Benefit" [[!+fi.benefits:FormItIsChecked=`Council Tax Benefit`]] class="element checkbox" name="benefits[]" id="Council-Tax-Benefit"><label for="Council Tax Benefit" class="choice">Council Tax Benefit</label>
    
                              <input type="checkbox" value="Child Tax Credit" [[!+fi.benefits:FormItIsChecked=`Child Tax Credit`]] class="element checkbox" name="benefits[]" id="Child-Tax-Credit"><label for="Child Tax Credit" class="choice">Child Tax Credit where the relevant annual income is £16,040 or less</label>
    
                              <input type="checkbox" value="Working Tax Credit" [[!+fi.benefits:FormItIsChecked=`Working Tax Credit`]] class="element checkbox" name="benefits[]" id="Working-Tax-Credit"><label for="Working Tax Credit" class="choice">Working Tax Credit where the relevant annual income is £16,040 or less</label>
    
    		</span> 
    		</li>		
    
                               <li id="li_4">
    		               <label for="title" class="description">Title </label>
    		               <div>
    			       <input type="text" value="[[!+fi.title]]" maxlength="255" class="element text medium" name="title" id="name"> 
    		               </div> 
    		           </li>		
    
                              <li id="li_5">
    		               <label for="name" class="description">First Name </label>
    		               <div>
    			       <input type="text" value="[[!+fi.name]]" maxlength="255" class="element text medium" name="name" id="name"> 
    		               </div> 
    		          </li>		
    
                              <li id="li_6">
    		               <label for="surname" class="description">Last Name </label>
    		               <div>
    			       <input type="text" value="[[!+fi.surname]]" maxlength="255" class="element text medium" name="surname" id="surname"> 
    		               </div> 
    		         </li>		
    
                    <li id="li_7">
    		<label for="address" class="description">Address </label>
    		<div>
    			<textarea class="element textarea medium" name="address" id="address"></textarea> 
    		</div> 
    		</li>		
    
                    <li id="li_8">
    		<label for="town" class="description">Town </label>
    		<div>
    			<input type="text" value="[[!+fi.town]]" maxlength="255" class="element text medium" name="town" id="town"> 
    		</div> 
    		</li>		
    
                    <li id="li_9">
    		<label for="postcode" class="description">Post Code </label>
    		<div>
    			<input type="text" value="[[!+fi.postcode]]" maxlength="255" class="element text medium" name="postcode" id="postcode"> 
    		</div> 
    		</li>		
    
                    <li id="li_10">
    		<label for="number" class="description">Telephone Number </label>
    		<div>
    			<input type="text" value="[[!+fi.number]]" maxlength="255" class="element text medium" name="number" id="number"> 
    		</div> 
    		</li>		
    
                    <li id="li_11">
    		<label for="email" class="description">Email Address </label>
    		<div>
    			<input type="text" value="[[!+fi.email]]" maxlength="255" class="element text medium" name="email" id="email"> 
    		</div> 
    		</li>
    
    [[+formit.recaptcha_html]]
    [[!+fi.error.recaptcha]]
    					
    
                    <li class="buttons">
    			 <input type="hidden" value="" name="form_id">
    			 <input type="submit" value="Submit" name="submit" class="button_text" id="saveForm">
    		</li>
    			</ul>
    		</form>
    
      • 14951
      • 151 Posts
      This is just a thought....and might not be very helpful, but have you tried defining the submitVar in the Formit call?