How to replace the default alert system with a jquery alertbox plugin?

Hi there,

This is a great forum, thank you all for keeping it lively. I have a question which I spent a whole day yesterday with no success:

I wanted to use a jQuery plugin called Messi to replace the default alert system of Contact Form 7. I want the alert to show wherever it should – validation failed, submission successful, failed… By “default alert system”, I refer to the alert it shows under submit button after you submit, wrapped by red, yellow or green border. And Messi is just like alert(), just more pretty, it works like this:

new Messi('Please provide your email', {
                          autoclose: 1000,
                          center: true,
                          modal: true,
                          width: '400px'
                     });

I’ve been looking at and messing around with the code in

cf7/includes/js/scripts.js
cf7/includes/classes.php
cf7/includes/functions.php

without finding anything useful.

Any idea on how I can approach this?

https://www.ads-software.com/plugins/contact-form-7/