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

时间:2016-01-28 11:32:09

标签: wordpress validation contact-form

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

然后将字段集拆分(使用jquery),如下所示:http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar

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

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

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

a)填写,如果它是必填字段

b)有效数据(以确保其电子邮件地址等)。

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

卡尔

1 个答案:

答案 0 :(得分:0)

您要验证什么?
如果要验证电子邮件地址。您应该在电子邮件文本框中输入输入type = email
HTML将验证文本框本身,它应该是电子邮件格式 与数字相同。如果要验证文本框是否应仅包含数字。
在文本框中使用输入type = number

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