首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将联系人表单7的通知移动到表单WordPress的顶部

将联系人表单7的通知移动到表单WordPress的顶部
EN

Stack Overflow用户
提问于 2015-02-01 07:55:53
回答 2查看 14.8K关注 0票数 4

我正在将失效警报移动到联系人表单正上方的div中。可以在这里看到当前正在运行的示例:https://www.biosimilarfacts.com/contact-us/index.aspx

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

谢谢

EN

回答 2

Stack Overflow用户

发布于 2015-02-02 00:05:16

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

例如:

代码语言:javascript
运行
复制
[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/

票数 25
EN

Stack Overflow用户

发布于 2017-05-19 04:53:47

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

您可以通过针对.wpcf7-not-valid、.wpcf7-response-output、wpcf7-validation-errors等css类设置错误消息的样式。有了一个小jQuery,你就可以移动它们了。

欲了解更多信息,请访问:http://fellowtuts.com/wordpress/styling-contact-form-7-validation-with-css-and-border/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28257941

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档