联系表格 7 - 按下按钮验证字段集

Posted 2023-03-14

【中文标题】联系表格 7 - 按下按钮验证字段集

【英文标题】：Contact Form 7 - press button to validate fieldset

【发布时间】：2016-05-05 18:17:44

【问题描述】：

我使用 Contact form 7（wordpress 插件）创建了一个包含多个字段集的表单。

然后像这样拆分字段集（使用 jquery）：http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar

我想要做的是验证字段集中的所有字段（不提交表单） - 有没有办法 1) 手动使用联系表单 7 中的验证来验证字段？ 2) 指定要验证的字段（仅基于字段集中的字段）？

理想情况下，我希望能够灵活地做到这一点，因为我将创建 2 或 3 个以相同方式执行的其他表单。

编辑：通过验证我的意思是检查该字段是：

a) 如果是必填项，请填写

b) 有效数据（因此请确保其为电子邮件地址等）。

我的问题是我想手动验证字段，而不提交表单，因此如果他们没有正确完成当前字段集，我可以阻止他们继续下一步填写表单。

卡尔

【参考方案1】：

你想验证什么？ 如果您想验证电子邮件地址。您应该在电子邮件文本框中输入type = email。 html 将验证文本框本身，它应该是电子邮件格式。 与数字相同。如果你想验证一个文本框应该只包含数字。 在您的文本框中使用输入 type = number。

这是一个例子： https://jsfiddle.net/z9b5mcur/1/

【讨论】：

很抱歉造成混淆。请参阅编辑。我也有一个在完成时验证的表单，但是因为我正在开发一个多步骤表单（请参阅我最初附加的链接），我想在进入下一个之前验证当前屏幕。