如何验证联系表7提交

Question

我试图在提交表单时将事件发送到GA，但是在测试它时，我发现即使未满足某些必填字段，wpcf7submit也会发送事件。

“ wpcf7submit-在Ajax表单提交成功完成时触发，无论其他事件如何。”

我已经对警报进行了测试，只要不填写所有必填字段，我仍然会收到警报

var wpcf7Elm = document.querySelector( '.wpcf7' );

wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    alert( "Fire!" );
}, false );

var wpcf7Elm = document.querySelector('.wpcf7');

wpcf7Elm.addEventListener('wpcf7submit', function (event) {
    ga('send', 'event', 'Lead Form', 'submit');
}, false);

Answer 1

如果您仅对成功感兴趣，则可能要尝试wpcf7mailsent事件。

var wpcf7Elm = document.querySelector('.wpcf7');

wpcf7Elm.addEventListener('wpcf7mailsent', function (event) {
    ga('send', 'event', 'Lead Form', 'submit');
}, false);

wpcf7mailsent -Ajax表单提交成功完成并且已发送邮件时触发。