强制性字段验证不适用于 WordPress 联系表 7 中带有占位符的文本输入字段答案

【问题标题】：Mandatory field validation not working on text input field with placeholder in WordPress Contact Form 7强制性字段验证不适用于 WordPress 联系表 7 中带有占位符的文本输入字段
【发布时间】：2014-12-16 19:25:25
【问题描述】：

我在我的表单中添加了一个文本字段，它有一个占位符，它也是根据需要设置的，但是在提交时它没有验证为空字段

下面是该文本字段的代码

<td width="38%" class="f_name1" >
  [text* firstname placeholder class:text_field "First Name" ]
</td>

当我删除占位符选项时，它们的验证工作正常，但使用占位符选项时它无法验证...

我是否遵循错误的路径来添加占位符？任何有任何建议的人都会对我有很大帮助..

【问题讨论】：

如果您使用@Aibrean 的代码，您所说的“未验证”是什么意思？如果您将其留空，它仍然允许提交表单吗？您能否在 CF7 中发布您的整个联系表格设置？我想看看其他字段。
代码看起来不错。禁用所有其他插件后检查一次，并检查任何一个默认主题。
检查网站上可能会停止联系表单验证的其他 jqury 冲突
您能否发布您所拥有的表格的测试，因为我已经尝试过您的代码并且它对我有用。
您使用什么版本的 WP 和 CF7？另外：你能分享它产生的整个表单代码和html吗？我们需要更多详细信息来帮助您。

标签： wordpress validation placeholder contact-form-7

【解决方案1】：

您可能应该更改顺序，以便占位符文本位于占位符旁边。

  [text* firstname class:text_field placeholder "First Name"]

如文档中所述：http://contactform7.com/setting-placeholder-text/ 并且您需要 Contact Form 7 3.4 及更高版本。

【讨论】：

两种情况的结果相同，

【解决方案2】：

您是否先尝试文档中的确切语法：

[text firstname placeholder "First Name"]

如果成功则添加类：

[text firstname placeholder "First Name" class:text_field]

如文档中所述：http://contactform7.com/setting-placeholder-text/ 您需要联系表格 7 3.4 或更高版本。

【讨论】：