Salve a tutti,
mi trovo a dover risolvere un problemino in js/jquery che sembrava semplice ma invece mi sta mettendo in difficoltà.
Premetto che mastico poco di Js.
Vi spiego subito il problema con un esempio pratico:

Ho un form HTML che consente l'invio di un semplice messaggio email.
Il form è realizzato mediante un pluging esterno del cms utilizzato.

All'invio dei dati questi vengono prima controllati e se tutto ok il messaggio email viene inviato e viene stampato un testo di conferma o di errore a seconda dei casi.

Il mio problema è che devo inviare/lanciare una funzione specifica se il form è stato inviato correttamente. Ho provato a recuperare il click sul button ma in questo caso la funzione viene elaborata anche se il form segnala eventuali errori di compilazione.

Avete suggerimenti? E' abbastanza urgente....

La situazione html è la seguente

codice HTML:
<form action="wwww." method="post" enctype="multipart/form-data" autocomplete="false" novalidate="novalidate" class="invalid">
                       
**** campi imput vati******
    
***** button con ID univoco *******
    
<div class="alert-warning / valid">
    QUI VIENE STAMPATO A VIDEO A SECONDA DEI CASI IL MESSAGGIO DI ERRORE O DI CONFERMA. 
    Il testo viene stampato in jquesry e al div viene aggiunta una classe css a seconda dei casi.
</div>
</form>

Potete suggerirmi come risolvere il problema?
Grazie