如何在 Contact form 7 中添加错误附加设置？
How to add additional settings on error in Contact form 7?
我已经知道 'on_sent_ok' 函数可以在成功提交表单时添加 jQuery 操作。
但是我想显示一个模态 window 在提交错误时提醒用户。有类似上面的函数，但是出错时调用？
当提交的表单包含错误时，联系表单 7 不提供操作。
但是 Contact form 7 在 HTML 代码上添加了一些特定的 类。
所以使用 Jquery 你可以检查这些 类 是否存在并添加一些动作。
在版本 3.3 中引入了新的 jQuery 自定义事件触发器：
New: Introduce 5 new jQuery custom event triggers (invalid.wpcf7, spam.wpcf7, mailsent.wpcf7, mailfailed.wpcf7, submit.wpcf7).
参见：http://contactform7.com/2012/09/24/contact-form-7-33/#more-2598
您可以像下面的例子那样使用invalid.wpcf7：
$(".wpcf7").on('invalid.wpcf7',function(e){
// Launch your modal window here
});
我已经知道 'on_sent_ok' 函数可以在成功提交表单时添加 jQuery 操作。 但是我想显示一个模态 window 在提交错误时提醒用户。有类似上面的函数，但是出错时调用？
当提交的表单包含错误时，联系表单 7 不提供操作。 但是 Contact form 7 在 HTML 代码上添加了一些特定的 类。 所以使用 Jquery 你可以检查这些 类 是否存在并添加一些动作。
在版本 3.3 中引入了新的 jQuery 自定义事件触发器：
New: Introduce 5 new jQuery custom event triggers (invalid.wpcf7, spam.wpcf7, mailsent.wpcf7, mailfailed.wpcf7, submit.wpcf7).
参见：http://contactform7.com/2012/09/24/contact-form-7-33/#more-2598
您可以像下面的例子那样使用invalid.wpcf7：
$(".wpcf7").on('invalid.wpcf7',function(e){
// Launch your modal window here
});