Kontaktformular 7 AJAX-Rückruf

ch habe eine Weile in dieser Sache herumgesucht und kann mir keine Dokumentation einfallen lassen, um zu skizzieren, was ich erreichen möcht

Ich benutze WordPress und das Contact Form 7-Plugin. Alles funktioniert einwandfrei. Was ich erreichen möchte, ist, ein bestimmtes Javascript beim Absenden des Formulars auszuführen. Ich weiß, dass wir "on_sent_ok:" in den zusätzlichen Einstellungen verwenden können, aber dies nur Wird ausgeführt, wenn das Formular tatsächlich gesendet wird.

Was ich tun möchte, ist, ein anderes Javascript zu machen, wenn das Formular nicht ok übermittelt wird, was den Benutzer zu dem Abschnitt zurückwirft, der nicht validiert wurde.

Ich kann den folgenden Code verwenden, um nach 1,7s des angeklickten Formulars "submit" ausgeführt zu werden. Es ist jedoch etwas schlampig, als ob der Benutzer mit einer langsamen Verbindung arbeiten würde. Möglicherweise könnte dies ausgeführt werden, bevor das Formular ordnungsgemäß gesendet wird.

 $('.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);
});

Gibt es eine bestimmte Funktion oder einen bestimmten Hook, mit dem ich JS ausführen kann, wenn das Formular AJAX ausgefüllt wurde?

Vielen Dank

Antworten auf die Frage(8)

Ihre Antwort auf die Frage