Estive pesquisando sobre isso por um tempo e não pode chegar a qualquer documentação para descrever o que eu quero alcançar.

Estou usando o wordpress e o plugin Contact Form 7, tudo está funcionando perfeitamente, o que eu quero alcançar é executar algum javascript específico no envio do formulário, eu sei que podemos usar "on_sent_ok:" nas configurações adicionais, mas isso só funciona se o formulário for realmente enviado.

O que eu gostaria de fazer é fazer algum outro javascript quando o formulário não enviar ok, o que leva o usuário de volta à seção que não foi validada.

Posso usar o código a seguir para executar após clicar em 1,7s do envio do formulário, no entanto, é um pouco desleixado, como se o usuário estivesse executando com uma conexão lenta, é possível que isso funcione antes que o formulário seja enviado corretamente.

 $('.wpcf7-submit').click(function() {
setTimeout(function() {
    if ($('.fs1 input,.fs1 textarea').hasClass('wpcf7-not-valid')) {
        $('.pop-up-form').removeClass('pustep2').removeClass('pu-closing');
        $('.form-step').hide();
        $('.fs1').show();

    }
    if ($('.fs2 *').hasClass('wpcf7-not-valid')) {
        alert('error on page 2 - take user back to the area with issues')
    }
}, 1700);
});

Existe alguma função ou gancho específico que eu possa usar para executar o JS quando o formulário AJAX for concluído?

Obrigado!