JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Required Fields and Conditional Fields not working on mobileAsked by OVUForms on March 19, 2015 at 12:37 PM
So, I've set up a form (http://www.jotform.com//?formID=50758126672965) and embedded it on my Joomla website. Last night I received a submission that made me pause... a question that was required on the form was left blank. I had tested the form on my computer before going live and had no issues, but hadn't thought to test it on a mobile device.
When I did, I found two things that are of concern specifically on a mobile device (tested on my iPhone specifically):
1) A user could submit the form without filling in any required fields
2) The conditional fields I had set up were all visible even though they should have been hidden until certain questions were answered in certain ways.*
For a hopefully temporary fix I've gone ahead and embedded my form (and now all my other forms) via iframe... but I'm not happy with that solution. I'd like to know what I need to do to fix this, whether it is code from my website, or something I've not set properly in jotform, or a bug that should be looked at.
As I said above, I've since set my forms up in iframe so that users can access it properly. In order to investigate this problem I have set up a test page with the form embedded via Joomla (currently using Sourcerer as specified here: http://www.jotform.com/help/246-How-to-Embed-Form-to-Joomla-3). This test page should show the issues I'm trying to resolve:
Please let me know what we can do to work this out.
*NOTE: occasionally when I go to the page, the conditional fields work properly--and when they do, everything else works too... but if I refresh the page, the bugged version comes back and then the form can be submitted bypassing the required fields.
We usually recommend the iframe embedding method to prevent any conflicts between our scripts and other scripts. Since you don't want to use the iframe embed method you can try to use JQuery in a non-conflict mode and check if this makes your form works correctly on mobile devices.
I've checked your testing page on my phone and the validations worked fine on my side.
Please give it a try and let us know if you need further assistance.
The "No Conflict" mode option looks promising... I'm not very jquery savvy though, so apologies if this is an obvious question...
Using the Joomla 3 method to embed the form, do I just paste the no conflict jquery code into "Sourcerer" above the embed script?
I see that you have implemented some jQuery no conflict method, and $ symbol is no longer referring to the jQuery on your web page. The issue seems to be solved.