[Resolved] Submit this form without reloading the page (use AJAX) not working

[Author]

Posts

[mikeB-14]

I have a form where i have ticked submit this form without reloading the page (use AJAX)
I have that ticked the page does not refresh which is great and i go to add another entry it does not add(submit) the additional entries.
So it only adds the first one.

If i switch off the option on the form the page refreshes each time and adds each entry
I prefer to to have it refresh as ajax method is much much faster.

Any ideas

Tony

Hi Shane
To access the page you will need a login , but i can provide the follwing information
1. The page is a divi page using the text module
2. In the text module i have

Back to [wpv-post-title item='[wpv-search-term param='parent_planner-event_id']']

[cred_form form='add-delegate']

3. The Post Form has this

[credform]

[cred_field field='form_messages' class='alert alert-warning']
<div class="form-group hidden">
<label>Delegate Group Title</label>
[cred_field field='post_title' class='form-control' value='delegate' output='bootstrap' ]
</div>
<div class="form-group">
<label>First Name</label>
[cred_field field='first-name' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group">
<label>Last Name</label>
[cred_field field='last-name' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group">
<label>Delegate Email</label>
[cred_field field='delegate-email' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group">
<label>Email Request</label>
[cred_field field='email-request' force_type='field' class='form-control' output='bootstrap']
</div>
<div class="form-group hidden">
<label>Planner Event</label>
[cred_field field='@delegate-group.parent' class='form-control' output='bootstrap' select_text='--- not set ---']
</div>
[cred_field field='form_submit' output='bootstrap' value='Submit' class='btn btn-primary btn-lg']
[/credform]

css editor has this.
.hidden { display:none}

The settings on Post Form :_

Form Submit Ticked Submit this form without reloading the page (use AJAX)
After visitors submit this form , is set to Keep displaying this form

Hope that helps
Tony

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

As Shane requested in the previous ticket, we'll need access to the website's admin area, to investigate this.

Can you please share temporary admin login details along with the link to a page where this form can be seen?

Note: Your next reply will be private and please make a complete backup copy, before sharing the access details.

regards,
Waqar

[mikeB-14]

Hi
Just forgot to mention
To get a list of of the planner events it's
hidden link
Select date 01/01/2019
Select Add Delegate - 101466 – CCH KPI Monitoring Consultancy
and you will see the issue
If i set the Add Delegate post form NOT to use ajax is works and creates the record
If i set it to use Ajax it does not add a record

Hope that helps
Tony

[Waqar]

Thank you for sharing these details.

Reviewing the set up of your form, I can confirm that it is related to an already escalated issue:
https://toolset.com/errata/parent-post-selector-in-a-form-that-creates-a-repeatable-field-group-is-not-being-updated-after-ajax-submission/

I'm afraid, I don't have a time estimate to share at the moment, but I'll keep you updated on the progress through this ticket.

For now, the only workaround I can suggest would be to keep the AJAX option disabled in the form settings.

[Waqar]

Hi,

The fix for this issue has been covered in the latest release of Toolset Forms (2.6.10).

You're welcome to update and let us know, in case the issue still persists.

regards,
Waqar