Form Won’t Send After Filling Missing Fields

Seems you have a plugin who can interfere with wpcf7 functionality

https://protorque.com/wp-content/plugins/cf7-conditional-fields/js/scripts.js

can you try to disable it?

• This reply was modified 3 years, 7 months ago by Erik.

Hi Erik,

Yes, I disabled it and tried again but am still having the same issue.

if you have other plugins / functions that controls the behavior of wpcf7 try to disable them, then disable caching plugin (if any) and test again. In this way we can understand whether it is a plugin or wpcf7.

if is a plugin please report to the author this issue
if is wpcf7 we can do more tests, and please setup a simple form for this purpose

Hi,

Yes, tried all that – disabled Flamingo and Constant Contact, both of which were integrated, and purged any caches… still no luck.

I have a simple form set up for testing at https://protorque.com/test/

OK! thanks!

I discovered something… when I make the first click, a request is made to the wp-api (correctly) to ask for feedback on the email sent.

But the second time the request goes to facebook… https://www.facebook.com/tr/?id=459927274846414&ev=SubscribedButtonClick&dl%5B…%5D with an event called “SubscribedButtonClick”

do you know where it come from?

check with inspector/network after clicking submit

Thanks for that, Erik. Very strange! I deactivated the Facebook plugin for WooCommerce which is the only integration that would enable a pixel to be dropped… still not working. ??

I think (but not sure because js code is minified) there is a js script that control the submission of the form.

In fact when I remove the “processing” class from the form, the form works again so, I suppose, you need to find where this come from.

https://protorque.com/wp-content/themes/porto/js/theme.js?ver=6.0.7

line 5879

Well, that’s a problem… Porto is the theme itself. Ugh.

FYI, I rolled back Contact Form 7 to a previous version (Version 5.3.2) and that appears to have fixed it.

Yes but rollback the plugin isn’t a solution.

the solution imho can be:
– update the template
– edit the template (if you can’t update) and remove the code that isn’t needed, in this case from line 5878 – 5887 of js/theme.js

$('.wpcf7-form .wpcf7-submit').on('click',function(e) {
		if ($(this).closest('form').hasClass('processing')) {
			e.preventDefault();
			return false;
		}
		$(this).closest('form').addClass("processing");
	});
	$(document).ajaxComplete(function(t,e,i) {
		$('.wpcf7-form.processing').removeClass('processing');
	});

Thanks, Erik. I let the theme developer know there’s a conflict as well, hopefully they fix it. I appreciate your help a ton!