Hi,
We have several forms set up to work in popups. After a lot of effort we got this to work perfectly with a popup extension and we were happy after extensive testing that all was working well. Then suddenly the forms do not submit properly and/or are throwing validation errors for fields where no validation is set. I'm at a total loss and would be most grateful for any assistance with how to resolve please.
What should we check? Could this be a js issue?
Thanks in advance.
Hi qmeister,
The most likely explanation for the validation problems is that the ChronoForms validation JS files aren't being loaded. You may need to add the form to the popup using an iFrame to get this to work.
I can't tell why they won't submit - that might be a problem with the form action URL - try setting the Relative URL setting to No in the HTML (Render form) action and see if that solves it
Bob
Thanks for getting back to me so quickly. I was just about to go live with the site and then this happened so you can imagine the stress!
OK, how do I check whether or not the JS files are being loaded? Is there some easy way to check that?
As mentioned before, this was working only a few days ago in the popup. It was validating and submitting and we were receiving the emails. All I can think of is that some setting somewhere caused this issue to arise.
In terms of the action URL - I attach a screenshot of the settings which we have.
Thanks again for your help
Hi qmeister,
To see if the files are being loaded use your browser web developer tools and look for the CF Javascript files like gvalidation.js
The form settings you posted look OK. Please post a link to the form so I can take a quick look.
Bob
Hi Bob,
I've sent you a pm with a link.
Thanks
Hi qmeister,
The validation looks OK when I check in Chrome. The submit button click is OK because the Google tracking code you have there is fired. And it may be that is also blocking the submit action of the form - I can’t tell so far.
The form action URL is set to http://joomla3.xxx.ie/?chronoform=get-in-touch&event= . . . that is missing the submit off the end for some reason and probably won't work as an SEF URL, I suggest that you hard code this either with the form URL or with a hidden menu item.
It might also be worth looking at using Ajax submission for a form in a popup.
Bob
Hi,
When I use the test form link in chronoforms the fields are highlighted in yellow when completed which I think indicates that they are failing validation. The data entered is valid so there's definitely something odd happening.
And the plot thickens. When I create a single article menu link to link to my article (where the form is embedded with the plugin code), the form does not render. Is this indicative of some other issue?
Hi qmeister,
ChronoForms doesn't normally highlight validation errors in yellow so that may be some CSS that has been added to your site? Have you looked to see what CSS is doing that?
There is no particular reason why using a menu link will stop an form from displaying in an article. Again my first suspicion would be that there is CSS hiding it. Please post a link to the article so I can take a quick look.
Bob
