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

[Autor]

Mensajes

[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

[Shane Supporter Languages: Inglés (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Tony,

Thank you for getting in touch.

Can you send me a link to the page where you are having the issue ? Also are the forms in a view ?

I would like to understand the exact context in which you are using the form. Also it would appear that you have multiple forms on the same page.

Please let me know.
Thanks,
Shane

[mikeB-14]

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

<a href="[wpv-post-url item='[wpv-search-term param='parent_planner-event_id']']">Back to [wpv-post-title item='[wpv-search-term param='parent_planner-event_id']']</a>

[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

[Shane Supporter Languages: Inglés (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Tony,

This seems normal to me so there isn't any issues with the form itself.

I've enabled the private fields for your next response so that you can provide me with access to the site itself as well as a link to the form.

Thanks,
Shane

[mikeB-14]

Hi Shane
We are in the process of updating our staging site from apache to litespeed.
So had a delay in repling to you , will hopefully have our site back on monday.
Catch up if all is ok, to deal with the support issue.

Tony

[Shane Supporter Languages: Inglés (English ) Timezone: America/Jamaica (GMT-05:00)]

Hi Tony,

I've enabled the private fields for your next response, so you can provide me with the site credentials when you are ready.

Also please send me a link to the page that has the issue.

Thanks,
Shane