隐藏联系表单7上的验证错误或成功消息框

Question

我正在使用插件联系表7版本5.1.1，以及如何从底部表单中隐藏显示验证错误或成功消息框...

我已经搜索了很多放置此代码的文章

div.wpcf7-response-output {
    display: none !important;
}

我将该代码放在./themes/myproject/style.css中，但没有用

那么我该如何从那里隐藏验证错误或成功消息框

Answer 1

div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; }
span.wpcf7-not-valid-tip { display: none; }
   

Answer 2

.wpcf7-response-output {display：none！important; }

在style.css中放置以上代码

如果以上代码不起作用，则可以从联系form7更改validation.css。

div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; } 
span.wpcf7-not-valid-tip { display: none; }

Answer 3

隐藏成功消息的解决方法。

首先，在管理面板中登录，然后从左侧面板中选择联系表格7菜单。

接下来，编辑要更改的表单并移至其底部。您将得到一个名为“其他设置”的框。在“其他设置”框中，添加以下代码行。

on_sent_ok: "$('.wpcf7-mail-sent-ok').ajaxComplete(function(){$(this).delay(2000).fadeOut('slow');});"

Answer 4

如果您希望在页面加载时最初隐藏该字段，但希望它显示在哪里出现验证错误，则这里有一个细微的变化。

.wpcf7 form.init .wpcf7-response-output {
    display: none
}

来源，联系表7支持：https://wordpress.org/support/topic/contact-form-7-5-2-validation-message-always-visible/

就我而言，样式为该（空）字段提供了背景颜色和边框，使其看起来像一个空的，未标记的输入字段。看起来好像用户应该填写的东西，但不能填写。看起来不好看。
添加上述CSS会隐藏该字段，除非：

• 存在验证错误
• 表单已成功发送（此字段也用于显示成功消息。

Answer 5

我知道聚会迟到了。但是你也可以添加到你的主题/子主题的functions.php :

add_filter('wpcf7_form_response_output', '__return_empty_string');