jQuery - 仅当表单有效时才触发事件 - Wordpress - 联系表单7

Question

在Wordpress项目中使用Contact Form 7插件。

联系表单7在提交表单时进行验证检查。如果不满足任何验证规则，它会向表单元素添加一个“wpcf7-form invalid”类。

当单击表单的提交按钮时，我想做一些很酷的jquery内容，但是如果表单有效则仅。

我想做这样的事情：

$('input#my-submit').click(function(event){    
   if ( !$(this).parent('form#myForm').hasClass('wpcf7-form invalid') ) {
       // do cool jquery stuff
   }
});

但是，当然，即使表单具有“无效”类，// do cool stuff也会触发，因为它在类有机会更改之前触发。

我是否可以使用上面的代码但是延迟了if语句的触发，因此在我的jQuery检查之前，Contact Form 7的验证规则可以完成.hasClass（'wpcf7-form invalid'）？

谢谢！

Answer 1

联系表格7有一个挂钩，您可以在编辑屏幕底部的“附加设置”框中添加该挂钩。

将此添加到“其他设置”

on_sent_ok: "// do cool jquery stuff;"

这个question也回答了它