Contact Form 7 验证触发事件

Question

当用户单击联系表单 7 表单的提交按钮时，我希望页面滚动到验证消息部分。

我的做法：

我使用 jQueryon click事件作为提交按钮，然后单击将页面滚动到验证消息部分。

我确信这是不正确的。因为单击时它会滚动到该部分，但消息尚未通过 ajax 发送。

那么，有没有办法在联系表单 7 中完成验证时创建一个事件并使用它向下滚动。

Answer 1

鉴于有关此主题的各种回应，插件开发人员似乎每 5 分钟就会改变一次关于如何工作的想法。目前（2017 年第一季度）这是工作方法：

\n\n

document.addEventListener( \'wpcf7invalid\', function( event ) {\n  alert( "Fire!" );\n}, false );\n

\n\n

有效的事件是：

\n\n

\n
• wpcf7invalid \xe2\x80\x94 当 Ajax 表单提交已成功完成，但由于存在无效输入的字段而\xe2\x80\x99 未发送邮件时触发。
\n
• wpcf7spam \xe2\x80\x94 当 Ajax 表单提交已成功完成，但由于检测到可能的垃圾邮件活动而未发送\xe2\x80\x99 时触发。
\n
• wpcf7mailsent \xe2\x80\x94 当 Ajax\n表单提交成功完成并且邮件已发送时触发。
\n
• wpcf7mailfailed \xe2\x80\x94 当 Ajax 表单提交已成功完成\n但发送邮件失败时触发。
\n
• wpcf7submit \xe2\x80\x94 当 Ajax 表单提交成功完成时\n触发，无论\n其他事件如何。
\n

\n\n

酱： https: //contactform7.com/dom-events/

\n