首页 文章

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

提问于
浏览
0

在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
   }
});

但是当然,即使表单具有'invalid'类, // do cool stuff 也会触发,因为它在类有机会改变之前触发 .

我可以使用上面的代码但延迟触发 if 语句,因此请联系表单7 's validation rules can complete before my jQuery checks .hasClass(' wpcf7-form invalid')?

谢谢!

1 回答

  • 2

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

    将其添加到“其他设置”

    on_sent_ok: "// do cool jquery stuff;"
    

    这个question也回答了它

相关问题