Form submits multiple times with duplicate emails

Hello,

I did read the previous post at: https://www.ads-software.com/support/topic/email-sent-multiple-times-2/

The issue is occurring on a recent website with the website’s owner receiving up to 8 identical emails. Whatever checks are in place to prevent duplicate emails without this extension are no longer running correctly now.

Can you implement a solution within the plugin’s code rather than relying on the end users adding their own styling/JavaScript to handle this?

FYI, I have added the following CSS:

.wpcf7 #submit-button.sending,
.wpcf7 #submit-button.sending:hover {
	color: rgba(12, 12, 12, 0.9);
	background-color: rgba(165, 165, 165, 0.4);
	border-color: rgba(165, 165, 165, 0.4);
	cursor: not-allowed;
	pointer-events: none;
}
.wpcf7.sending select,
.wpcf7.sending textarea,
.wpcf7.sending input[type="text"],
.wpcf7.sending input[type="datetime"],
.wpcf7.sending input[type="date"],
.wpcf7.sending input[type="email"],
.wpcf7.sending input[type="url"],
.wpcf7.sending input[type="tel"] {
	opacity: 0.62;
	color: #565656;
	background-color: rgba(66, 66, 66, 0.3);
	border-color: rgba(66, 66, 66, 0.9);
}

JavaScript:

        document.querySelector('#submit-button').addEventListener('click', () => {
            document.querySelector('#submit-button').classList.add('sending');
            document.querySelector('.wpcf7-form').classList.add('sending');
            setTimeout(() => {
                document.querySelector('#submit-button').classList.remove('sending');
                document.querySelector('.wpcf7-form').classList.remove('sending');
            }, 5000);
        });

        document.querySelector('.wpcf7-form').addEventListener('submit', (event) => {
            document.querySelector('#submit-button').classList.add('sending');
            document.querySelector('.wpcf7-form').classList.add('sending');
            setTimeout(() => {
                document.querySelector('#submit-button').classList.remove('sending');
                document.querySelector('.wpcf7-form').classList.remove('sending');
            }, 5000);
        });

W3TC Cache is running. Disabling this hasn’t made a difference.

With the page listed here, please do not submit this form as a test as it’s on a production website.

• This topic was modified 2 years, 1 month ago by Design Extreme. Reason: W3TC Cache

The page I need help with: [log in to see the link]