Gravity Forms Field Validation Doesn’t Work in Popup

@rrusnak

Sorry you’re having difficulties, I’m sure we can this resolved.

It does sound like some sort of AJAX issue, but I’ll have our Lead Dev @danieliser take a look as soon as possible.

Thank you for being patient.

Having the same issue with the new version and Gravity Forms

Thank you Walter, I look forward to the solution.

@waltmesser
Do you have any news or ideas on a solution? Again, if we can private message, I am happy to share access if that helps. Send to rob <at> wearecomet <dot> com.

Thank you in advance!

Rob

Hello Rob,

The Popup Maker plugin had a change in support staff over the past weekend. I just picked up this support thread, and am investigating the matter. I am consulting with the plugin author @danieliser about your issue, and will get back with you later today. Sorry for the delay in a response.

• This reply was modified 7 years, 10 months ago by Jan Dembowski.

@yogaman5020
I understand, thanks for the update. I’m looking forward to it.

@rrusnak – Thanks for bearing with us while we have new staff coming in. Can you either test or clarify whether this worked with v1.5.8 before the update came out with the new Gravity Forms features?

IE did this only start breaking for everyone with v1.6.0? If so I can pretty much get to work on fixing it, otherwise need to still determine where the problem may be occurring, but it seems from others responses that it may be related to the new GF features we added.

If you confirm really quick I can get started trying to find it on my end.

@danieliser
I’m actually having problems now with v1.5.8, I just learned 1.6 was released. I will update on a staging server to 1.6 and see if that helps then report back.

But first let’s rewind a little… I’m not sure if this might help you. My project has been going on for a few months. I remember a month or so ago everything was working, including the GF error messages. At some point either Popup Maker and/or GF had updates, then a couple weeks later was when I noticed the problem with the GF error messages in the modals. At the time I had no reason to track versions of Popup Maker or GF. Any way you may want to look at other recent updates of Popup Maker to see if that’s when it started, most likely 1.5.6 or 1.5.7.

• This reply was modified 7 years, 10 months ago by Rob Rusnak.

@danieliser
I updated from v1.5.8 to v1.6 on staging and I’m still having the same issue:
https://zbs.staging.wpengine.com/probiotic-cleaner/c-biosurfactant-cleaner-concentrate/

BTW, the production site is live now so here’s the same page still running 1.5.8
https://zbioscience.com/probiotic-cleaner/c-biosurfactant-cleaner-concentrate/

@rrusnak – Is it possible for you to submit a ticket to GForms support? I see the form submission response includes the errors. Its just not replacing it.

Now that I said that, come to think of it, Gravity Forms has a limitation that you can only insert each form on the page one time. So the same form can’t be on the page and in a popup, or in 2 different popups.

In which case if that is the reason, then what is happening is that your forms error messages are simply being rendered in the first instance of that form on the page.

To clarify if you have 2 popups with the same form and they load on the page like this

popup 1
popup 2

Then when popup 2 opens and you submit the form, errors would be rendered to the form in popup 1 as it is the first on the page. Please test for this as I see that form 4 is loaded ~12 times. Either use conditions to limit what popup loads where to keep only one available per page, or modify it so you only have one popup & one form, then dynamically insert values based on the clicked trigger or current page.

Hope that helps, but I wasn’t able to duplicate the issue on my end.

Can anyone else confirm they have this issue and do not have multiple instances of the form on the page?

@danieliser
Thanks so much, but it seems I have confused the issue by sharing my test page. I only use the same GF twice on a page on that test page. All my “real-world” product pages only include one popup with one instance of the GF. example:
https://zbioscience.com/probiotic-cleaner/c-biosurfactant-cleaner-concentrate/
Also you can confirm the issue exists on all the other product pages on the left menu, they all have popups/GFs where the GF validation sputters. So that’s not my issue.

HOWEVER, I think I may have accidentally discovered a clue. In all previous above pages/popups I created, I used a “extra css selector” class, named after the unique product, to invoke the popup. For instance on the example link above I used “popmake-c-biosurfactant-cleaner-concentrate” in the link class and extra selector field.

But Yesterday I needed to add 2 new products and on these new products/popups I used the default popup/post class, so I left the extra selector field blank, and in my link I used “popmake-594” and “popmake-589” to invoke.

I did not expect any change in the issue, BUT the GF validation actually works on ONE and of the new products and doesn’t work on the second new product. (note these products are live but not in the product menus yet).

#1 new product — GF validation WORKS:
https://zbioscience.com/probiotic-cleaner/multi-task-cleaner/

#2 new product — GF validation DOES NOT Work:
https://zbioscience.com/probiotic-cleaner/encapsulator-rug-carpet-cleaner/

And I can’t tell what the difference is between the two — if any. I did them the same.

I hope you can shed some light on this issue, or detect where I am screwing up.

Thanks again!
Rob

@danieliser
I forgot to mention, this all started with me sending a priority support request to GF, and we eliminated that it was a GF issue, because the validation works fine with the same GF shortcode on a page outside of a PUM popup (see my original post above). I’m happy to revisit that with GF if you determine otherwise.

But since one page is working now it seems we’re close.

I’m looking forward to your reply.
Thanks,
Rob

@danieliser
I’m not sure if this is a clue or not, but the phone number field mask/formatting also doesn’t work in most popup, it appears as a regular text field. However, on the Multi Task page, where the validation works properly, the phone mask also works fine, so it might be related. I still don’t know why that page works and all others don’t.

@rrusnak – Check out your page source and do a ctrl + f for “gform_wrapper_5”, there should be only 2 results, but I am seeing 28, ie 14 copies of that form loaded, all in popups. So most likely you have quite a few popups and many of them don’t have conditions properly set to limit where they load.

That said if you inserted the same form into that many popups, why not just make one popup with that form and use conditions to load it on the correct products. The only difference is the title of the popup, but you could set that dynamically via a filter, JS or many other possible methods. IE 1 popup for 100000 products ??

Hope that helps, but it is 100% related to multiple of the same form. The one page that works is working because that popup happens to be the first on the page, which makes that the first instance of that form on the page. That first form is where the other forms error messages end up. IE GF only replaces the first instance of a form with the ajax return.

@danieliser
I don’t think that’s true. If that’s the case, then it also would not work on this page (the one I referenced before)
https://zbioscience.com/probiotic-cleaner/multi-task-cleaner/

So why does it work on that page and not the others?

I only reference one popup on each product page in the “Get SDS” link. So why does the plugin load all popups?

PS: if if would help if you logged in, give me your email and I’ll send a login.

Thanks
Rob