Reference Link: https://wordpress.org/support/topic/plugin-contact-form-7-adding-classes-to-invalid-labelsinputs
$.fn.wpcf7NotValidTip = function(message) {
return this.each(function() {
var into = $(this);
into.append('<span class="wpcf7-not-valid-tip">' + message + '</span>');
$('span.wpcf7-not-valid-tip').mouseover(function() {
$(this).fadeOut('fast');
});
into.find(':input').mouseover(function() {
into.find('.wpcf7-not-valid-tip').not(':hidden').fadeOut('fast');
});
into.find(':input').focus(function() {
into.find('.wpcf7-not-valid-tip').not(':hidden').fadeOut('fast');
/* Patch for "Adding Classes to Invalid Labels/Inputs" by rthaut
* URL: http://wordpress.org/support/topic/plugin-contact-form-7-adding-classes-to-invalid-labelsinputs?replies=5
* @author: rthaut, implemented by sspies
*/
into.find(':input').removeClass('wpcf7-not-valid-field');
$("label[for='" + into.find(':input').attr('id') + "']").removeClass('wpcf7-not-valid-label');
//end Patch
});
//Start Patch
into.find(':input').addClass('wpcf7-not-valid-field');
$("label[for='" + into.find(':input').attr('id') + "']").addClass('wpcf7-not-valid-label');
//end Patch
});
};