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>