Here is my formit code. No matter what I do, I cannot get the validation errors to display. I have tried combinations of Formit snippet uncached and cached. the chunk it is inside, cached and uncached, etc. This is terribly frustrating!
Note that the form submits just fine once all the fields are entered - just that if I submit a blank form, I do not see anything.
[[!FormIt?
&hooks=`spam,addresstohook,email,FormItSaveForm,FormItAutoResponder,crmhook`
&emailTo=`[[+addressTo]]`
&emailSubject=`GET A TOUR FORM: [[+first_name]] [[+last_name]]`
&emailFromName=`COWORK|RS`
&emailTpl=`email`
&validate=`
first_name:required,
e_mail:email:required,
interestedin:required,
last_name:required,
company_name:required,
phone:required`
&validationErrorMessage=`<div class="err_message">Please make sure<br/>All required fields are<br/>filled out correctly</div><div class="err_button"><span>OK</span></div>`
&successMessage=`<div class="success_head">Thank you</div><div class="success_mesage">for your message<br/>we will contact you soon</div>`
&errTpl=`<div class="err_message">[[+error]]</div>`
&fiarTpl=`email-autoresponse`
&fiarSubject=`Thank you for contacting COWORK|RS!`
&fiarToField=`e_mail`
&fiarFrom=`[email protected]`
&fiarFromName=`COWORK|RS`
&submitVar=`gettourform-submit`
&store=`1`
]]
<div class="form">
<div class="formwrapper showall">
[[!+fi.validationErrorMessage:notempty=`<div class="err_message">[[!+fi.validationErrorMessage]] | [[!+fi.errors]]</div>`]]
[[!+fi.successMessage]]
<form action="/tour" method="post" >
[[!+fi.addressTo]]
<input type="hidden" value="Flatiron" name="location" />
<input type="hidden" value="Coworking" name="interestedin" />
<h3 class="loc">Location</h3>
<div class="opt-flatiron active"><div class="label">Flatiron</div><div class="option"></div></div>
<div class="opt-gowanus"><div class="label">Gowanus</div><div class="option"></div></div>
<div class="opt-fidi"><div class="label">FiDi</div><div class="label fulltitle">Financial District</div><div class="option"></div></div>
<h3 class="det">Your details</h3>
<div class="firstname">
<label for="first_name">First name</label>
<input type="text" name="first_name" id="first_name" value="[[!+fi.first_name]]"/></div>
<div class="lastname">
<label for="last_name">Last name</label>
<input type="text" name="last_name" id="last_name" value="[[!+fi.last_name]]"/></div>
<div class="companyname">
<label for="company_name">Company name</label>
<input type="text" name="company_name" id="company_name" value="[[!+fi.company_name]]"/></div>
<div class="email">
<label for="e_mail">Email</label>
<input type="text" name="e_mail" id="e_mail" value="[[!+fi.e_mail]]"/></div>
<div class="phone">
<label for="phone">Phone number</label>
<input type="text" name="phone" id="phone" value="[[!+fi.phone]]"/></div>
<h3 class="interestedh">Interested in</h3>
<div class="interested">Coworking</div>
<div class="interested-list">
<div class="option" data-value="Coworking">Coworking</div>
<div class="option" data-value="Dedicated Coworking">Dedicated Coworking</div>
<div class="option" data-value="1 person">1 person</div>
<div class="option" data-value="2 people">2 people</div>
<div class="option" data-value="3 people">3 people</div>
<div class="option" data-value="4 people">4 people</div>
<div class="option" data-value="5 people">5 people</div>
<div class="option" data-value="6 people">6 people</div>
<div class="option" data-value="7 people">7 people</div>
<div class="option" data-value="8 people">8 people</div>
<div class="option" data-value="8+ people">8+ people</div>
<div class="option" data-value="Meeting Room Only">Meeting Room Only</div>
<div class="option" data-value="Event Space">Event Space</div>
</div>
<input type="submit" class="submit" value="Request tour" name="gettourform-submit" />
</form>
<!-- <div class="formmsg-ajax_form"></div> -->
</div>
</div>
☆ A M B ☆
