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

jQuery-仅当表单有效时触发事件-Wordpress-联系表单7,jquery,wordpress,contact-form-7,Jquery,Wordpress,Contact Form 7,在Wordpress项目上使用插件 提交表格时,联系人表格7会进行验证检查。如果不满足任何验证规则,它会向表单元素添加一个类“wpcf7 form invalid” 当点击表单的提交按钮时,我想做一些很酷的jquery工作,但前提是表单是有效的 我想这样做: $('input#my-submit').click(function(event){ if ( !$(this).parent('form#myForm').hasClass('wpcf7-form invalid') )

在Wordpress项目上使用插件

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

当点击表单的提交按钮时,我想做一些很酷的jquery工作,但前提是表单是有效的

我想这样做:

$('input#my-submit').click(function(event){    
   if ( !$(this).parent('form#myForm').hasClass('wpcf7-form invalid') ) {
       // do cool jquery stuff
   }
});
当然,即使表单有“invalid”类,也会触发
//do cool stuff
,因为它是在类有机会更改之前触发的

我是否可以使用上面的代码,但延迟触发
if
语句,以便在jQuery检查.hasClass('wpcf7-Form invalid')之前完成联系表单7的验证规则


谢谢

联系人表单7有一个钩子,您可以将其添加到编辑屏幕底部的“附加设置”框中

将此添加到“其他设置”中

on_sent_ok: "// do cool jquery stuff;"

这也回答了这个问题

谢谢马克!有没有办法将其挂接到jquery脚本中?我这样问是因为,在本例中,我希望在站点上的多个位置使用表单,但在某些页面上只有额外的jquery事件。如果这不可能,我当然可以创建一个单独的表单,但我不想。我不确定没有
$(文档)您是否可以。在('click','input#my submit',function()…上可能会起作用