Skip Navigation

[Resolved] Form fields not working proper

This thread is resolved. Here is a description of the problem and solution.

Problem:

The customer’s form at https://www.domain.com/apply-form/ was experiencing issues with the date picker and conditional logic fields, which were not functioning as expected. The issue was identified as jQuery not loading correctly on the page.

Solution:

Upon investigation, it was found that the Autoptimize plugin was preventing jQuery from loading, which affected the date picker and conditional logic functionalities. The solution steps included:

1- Disabling the Autoptimize Plugin Temporarily: The plugin was disabled, which restored the date picker functionality on the form page.

2- Recommendation for Long-term Fix: The customer was advised to reach out to Autoptimize plugin support to determine why jQuery wasn’t loading on all pages. This would allow them to keep the plugin enabled without impacting jQuery-dependent functionalities.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Sao_Paulo (GMT-03:00)

This topic contains 6 replies, has 2 voices.

Last updated by Mateus Getulio 4 weeks ago.

Assisted by: Mateus Getulio.

Author
Posts
#2778838

Form Page link is hidden link
Please check date picker field not working
and conditional logic field also not working please check issue and solve ASAP.

#2778896

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hi,

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

To suggest the best way to fix this, I'll need to see how this is set up in the admin area.

Can you please share temporary admin login details?

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

regards,
Mateus

#2779091

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello there,

I checked it and the issue was caused when the plugin Autoptimize was enabled it was stopping the jQuery from loading in the page hidden link and by consequence the date picker wasn't loaded as well.

I temporarily disabled this plugin so you can see that the date picker is working now.

I'd recommend checking this with the plugin support to understand why the jQuery isn't loading in all pages of the site.

Thank you, please let us know if you still require any assistance.

Mateus

#2779170

Thanks date piker now working but conditional field still not working please check conditional group field. Fields name are "Do you have any app" and "Do you have social media page" both are conditional group fields. both are not working please check.

#2779204
date.png
phone.png

Hello, can i add country code dropdown in phone field like image screenshot.
and can i add date field like screenshot with attached image.

New threads created by Mateus Getulio and linked to this one are listed below:

https://toolset.com/forums/topic/add-country-code-dropdown-in-phone/

#2779224
multiselect.png

Hello, one more thing can i add multiselect field in the form. like attached screenshot.

#2779273

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello there,

I tested the conditional fields and they seem to be working now, did you manage to fix the issue on your end?

With regard to the phone and date field questions, due to our policy of having one issue per ticket, I move them to their own separate ticket where we'll be responding to you as soon as possible, we thank you for your understanding. Having one issue per ticket helps other users that are looking for help and keeps the forum organized.

Regarding the multi select field I tested the response by my colleague here and I was able to come up with something similar, please see: https://toolset.com/forums/topic/dropdown-multi-select-field/#post-1077401

In summary, in the form you can use the Add Generic Fields option and use it to add a multi-select field, setting up the options as required.

By default generic field values as discarded once the form submission is complete, but if you want it to be saved to the database you can manually add the "persist":1 option, like so:

[cred_generic_field field='my-multiselect' type='multiselect' class='' urlparam='']
{
"required":0,
"validate_format":0,
"default":[],
"options":[
{"value":"1","label":"First"},
{"value":"2","label":"Second"},
{"value":"3","label":"Third"}
],
"persist":1
}
[/cred_generic_field]

You can use custom code to style it to look similar to the example you shared.

If implementation becomes a roadblock, you might want to explore the list of Toolset Contractors for assistance: https://toolset.com/contractors/

Kind regards,
Mateus