Contact Form 7 – Acceptance & Submit button behaviour

[RunDesign]

Hello
We use Contact Form7 in the contact page of our website with the “acceptance” option.
The form works and send email only when you accept the terms and conditions by clicking on the checkbox.
The problem is that the send button is always active (also when the acceptance box is not checked), it must be active only when the user click on the check button (as in the image attached taken from CF7 online demo).
How can we fix this issue?

Thank you in advance, regards
Mauro

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please activate the wordpress default theme and check for issue. Let me know the feedback.
Thanks
Mohammad

[RunDesign]

Hello Mohammad

we tried the twenty fifteen and it works, i attach the image to let you view the result.

Thanks

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi Mauro,

This does work with the theme.

I think the color difference is not showing correctly on the button. Please add this CSS and it will correctly handle the button color when the button is disabled, when the user ticks the box, the button is then enabled and the color will change:

Please add this CSS to your theme options and change the color .

.wpcf7 input.wpcf7-submit[type="submit"]:disabled {
    background-color: #e4e4e4!important;
}

– David.

[RunDesign]

Thank you very much, it’s perfect!
Best regards!
Mauro

[David Martin – Support]

Great, no problem!
-David.