Override Contact Form 7 Messages and display in Modal or Alert


/* Validation Events for changing response CSS classes */
document.addEventListener( ‘wpcf7invalid’, contactform7replace );
document.addEventListener( ‘wpcf7spam’, contactform7replace );
document.addEventListener( ‘wpcf7mailfailed’, contactform7replace );
document.addEventListener( ‘wpcf7mailsent’, contactform7replace );

function contactform7replace(){
modal = jQuery(‘#Modal’);
msgcontainer = jQuery(“.wpcf7-response-output”);

modal.modal(‘show’);
msgcontainer.css(‘opacity’,‘0’);

modal.find(‘.modal-body’).html( ‘Please wait…’ );
modal.find(‘.modal-footer, .modal-title’).hide();
 
setTimeout(function(){
msg = msgcontainer.html();
msgcontainer.hide();
modal.find(‘.modal-body’).html( msg );
},750);
}