将联系表格 7 的警报移动到 WordPress 表格的顶部答案

【问题标题】：Move alert for Contact Form 7 to top of form WordPress将联系表格 7 的警报移动到 WordPress 表格的顶部
【发布时间】：2015-03-31 05:31:47
【问题描述】：

我正在努力将失效警报移动到联系表单正上方的 div 中。可以在此处查看当前的工作示例：https://www.biosimilarfacts.com/contact-us/index.aspx

我正在使用 WordPress Contact Form 7 插件，警报当前直接显示在字段下方，以显示无效返回的内容。我需要将它们全部分组在表单上方的同一位置，并且最好对这些错误消息进行软滚动。

谢谢

【问题讨论】：

标签： wordpress contact-form-7

【解决方案1】：

您可以在表单中使用[response] 标记来更改响应消息的位置。

例如：

[response]

<p>Your Name (required)<br />
    [text* your-name] </p>

<p>Your Email (required)<br />
    [email* your-email] </p>

<p>Subject<br />
    [text your-subject] </p>

<p>Your Message<br />
    [textarea your-message] </p>

<p>[submit "Send"]</p>

您可以在这里找到更多信息：http://contactform7.com/locating-response-message-box-anywhere/

【讨论】：

我明白了。但是在您提供的示例链接中，您可以看到错误消息如何显示在发生错误的字段下方。我需要将它们移动到已经显示 [response] 消息的表单顶部。谢谢

【解决方案2】：

jQuery('.wpcf7-not-valid-tip').insertBefore('#form-id');

您可以通过定位它们的 css 类来设置错误消息的样式，例如 .wpcf7-not-valid、.wpcf7-response-output、wpcf7-validation-errors。使用一点 jQuery，您可以移动它们。

【讨论】：