Hey there,
We've got 2 forms, the contact form and an event form. The contact form works as expected. The event form does not, it's not displaying the success message when you submit.
Event Form: The form contents do submit, we see them in the control panel, and we're getting the submissions in our email as well.
But, on the front-end the submission success message isn't displaying to site visitors when they submit the form successfully.
We've already excluded this page from the caching:
# PAGES TO IGNORE FROM CACHEING
static_caching_exclude:
- /contact
- /submit-an-event*
[Update]
Template code:
<!-- .contact-form-wrapper -->
<div class="form-wrapper contact-form-wrapper">
{{ form:create in="submit_an_event" formset="submit_an_event" attr="id:contact-form|class:contact-form contact_form no-padding-bottom" error_redirect="/submit-an-event" redirect="/submit-an-event" }}
{{ if errors }}
<div class="copy submission-copy validation-copy">
<div class="control-group">
<div class="error-block invalid-text">
<h2 class="heading">There are errors:</h2>
<div class="alert alert-danger">
<ul>
{{ errors }}
<li>{{ value }}</li>
{{ /errors }}
</ul>
</div><!-- /.alert.alert-danger -->
</div><!-- /.error-block.invalid-text -->
</div><!-- /.control-group -->
</div><!-- /.copy submission-copy.validation-copy -->
{{ endif }}
{{ if success }}{{# show this unless form submission "successful" #}}
<!-- .copy -->
<div class="copy submission-copy validation-copy submission-confirmation-message">
<div class="alert alert-success">
<p>Form was submitted successfully.</p>
<p>
Thanks for your inquiry, we'll be in touch soon!
</p>
</div>
</div><!-- /SUCCESS -->
{{ if globals__closing_html_code_embeds:marketing_agency_remarketing_conversion_code }}
{{ globals__closing_html_code_embeds:marketing_agency_remarketing_conversion_code }}
{{ endif }}
{{ session:dump }}
{{ dump }}
{{ endif }}{{# /unless form submission "successful" #}}
{{ unless success }}{{# show this unless form submission "successful" #}}
<div id="nonya-friendly" class="nonya-friendly">
<p>
Good people should ignore this field right here. You're a good person right?
Please ignore this one okay. It's a Pizot, fulla Honey for dem bots and if you fill it out your form won't be sent. ;)
</p>
</div>
<fieldset class="control-group data-control name">
<div class="control">
<label for="name" class="legacy-fallback">*Full Name</label>
<input id="name" class="data-input control" placeholder="*Full Name" type="text" name="full_name" value="{{ old:full_name }}" required>
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control email _5050-control">
<div class="control">
<label for="email" class="legacy-fallback">*Email:</label>
<input id="email" class="data-input control" placeholder="*Email: [email protected]" type="email" name="email" value="{{ old:email }}" required>
</div><!-- /control -->
</fieldset> <!-- /.control-group -->
<fieldset class="control-group data-control _5050-control">
<div class="control">
<label for="phone" class="legacy-fallback">Phone</label>
<input id="phone" class="data-input control" placeholder="Phone: 5555551234" type="tel" name="phone_number" value="{{ old:phone_number }}">
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control name">
<div class="control">
<label for="event_title" class="legacy-fallback">*Event Title</label>
<input id="event_title" class="data-input control" placeholder="*Event Title" type="text" name="event_title" value="{{ old:event_title }}" required>
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control _5050-control">
<div class="control">
<label for="event_start_date" class="legacy-fallback">Event Start Date</label>
<input id="event_start_date" class="data-input control" placeholder="Event Start Date" type="text" name="event_start_date" value="{{ old:event_start_date }}">
</div><!-- /control -->
</fieldset> <!-- /.control-group -->
<fieldset class="control-group data-control _5050-control">
<div class="control">
<label for="event_end_date" class="legacy-fallback">Event End Date</label>
<input id="event_end_date" class="data-input control" placeholder="Event End Date" type="text" name="event_end_date" value="{{ old:event_end_date }}">
</div><!-- /control -->
</fieldset> <!-- /.control-group -->
<fieldset class="control-group data-control">
<div class="control">
<label for="event_frequency" class="legacy-fallback">Event Frequency</label>
<select id="event_frequency" class="data-input control styled-select" name="event_frequency">
<option value="" selected disabled>Frequency<br/>
<option value="" disabled> -- <br/>
<option value="Single_Day_or_Consecutive_Days">Single Day or Consecutive Days<br/>
<option value="Daily">additional options...
<option value="Other">Other<br/>
</select>
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control email _5050-control">
<div class="control">
<label for="event_time_hours" class="legacy-fallback">Event Time/Hours</label>
<input id="event_time_hours" class="data-input control" placeholder="Event Time/Hours" type="text" name="event_time_hours" value="{{ old:event_time_hours }}">
</div><!-- /control -->
</fieldset> <!-- /.control-group -->
<fieldset class="control-group data-control _5050-control">
<div class="control">
<label for="event_website_url" class="legacy-fallback">Event Website URL</label>
<input id="event_website_url" class="data-input control" placeholder="Event Website URL" type="text" name="event_website_url" value="{{ old:event_website_url }}">
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control message">
<div class="control">
<label for="event_description" class="legacy-fallback">Event Description...</label>
<textarea id="event_description" class="data-input control message" placeholder="Event Description" name="event_description" value="{{ old:event_description }}"></textarea>
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control">
<div class="control">
<label for="event_location" class="legacy-fallback">*Event Location</label>
<select id="event_location" class="data-input control styled-select" name="event_location" required>
<option value="" selected disabled>*Event Location (Select From List)<br/>
<option value="" disabled> -- <br/>
<option value="277">Private Unit 3215 Main Street</option>
<option value="235">999 Main Street</option>
[NOTE: There are about 70+ select options in this field. I've removed them for brevity.]
<option value="172">Pavilion on 55555 Main St.</option>
</select>
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control message">
<div class="control">
<label for="event_location_other" class="legacy-fallback">Event Location Other...</label>
<textarea id="event_location_other" class="data-input control message" placeholder="Event Location Other" name="event_location_other" value="{{ old:event_location_other }}"></textarea>
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group data-control nonya">
<div class="control">
<label aria-hidden="true" aria-labelledby="nonya-friendly" for="message" class="legacy-fallback">
If you're using assistive technology, the ARIA 'Labeled-by' field should be giving you some additional context here.
</label>
<input class="nonya" placeholder="fioaangaiond39" type="text" name="nonya" />
</div><!-- /control -->
</fieldset><!-- /.control-group -->
<fieldset class="control-group button-control">
<div class="control">
<input id="contact-submit" class="button" type="submit" value="Submit" name="submit" />
</div><!-- /control -->
</fieldset>
{{ /unless }}{{# /unless form submission "successful" #}}
{{ /form:create }}
</div><!-- /.contact-form-wrapper -->
Formset Code:
fields:
full_name:
display: "Name"
validate: required|min:2
email:
display: "Email"
validate: required|email
phone_number:
display: "Phone #"
validate:
- required: true
event_title:
display: "Event Title"
validate:
- required: true
event_start_date:
display: "Event Start Date"
event_end_date:
display: "Event End Date"
event_frequency:
display: "Event Frequency"
event_time_hours:
display: "Event Time/Hours"
event_website_url:
display: "Event Website URL"
validate:
- required: true
event_description:
display: "Event Description"
event_location:
display: "Event Location"
validate:
- required: true
event_location_other:
display: "Event Location Other"