Validation issue when checking checkbox fields
-
Hello,
I am using Contact Form 7 v5.6.1 on my local WP 6.0.1 installation with the default Twenty Twenty Two theme.
I have noticed a bug when using checkbox fields on a contact form. The issue is when i toggle the checkbox on the frontend, it triggers a change event on the form causing all validation errors to appear.
This is not expected behaviour and the validation should only be triggered when a user has submitted the form.
If i remove the ‘change’ event handler from the WPCF form DOM element, it works as expected.
I’ve have captured a screen recording of the issue to help with your investigations.
https://www.awesomescreenshot.com/video/10411987?key=e7b6af3dec2fce4a13f39454bbf51d60
-
$('.wpcf7 input[type="checkbox"]').on("change", function(e) { // e.preventDefault(); // doesn't help! e.stopPropagation(); // helps! });This workaround helps! It also happens with file inputs by the way.
https://wordpress.org/support/topic/contact-form-7-checkbox-problem/
There are other reports of this problem. Maybe someone can post an example for Takayuki Miyoshi so that he can examine it? (I can’t at them moment. Maybe a bit later.)
sorry @horace3d , video link expired, this is the new one:
- The topic ‘Validation issue when checking checkbox fields’ is closed to new replies.
