Replace CF7 form validation with Bootstrap 4 form validation
-
Is it possible to replace the CF7 client side validation with Bootstrap 4 (BS4) validation?
https://getbootstrap.com/docs/4.0/components/forms/#validation
I’ve tried running the required BS4 validation JavaScript, but any invalid fields are somehow getting the pseudo
class :validapplied to them:input:valid[type=text]I wonder if this is some kind of conflict between the checkValidity() method in the BS4 validation script and whatever CF7 is doing to make its validation checks.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidityI’m testing this with theme understrap-child
https://github.com/understrap/understrap-childwhich has the parent theme understrap. This parent theme has Contact Form 7 support, wherein CF7 styles inherit some of the BS4 styles
https://github.com/understrap/understrap
The topic ‘Replace CF7 form validation with Bootstrap 4 form validation’ is closed to new replies.