【问题标题】:Contact Form 7 - press button to validate fieldset联系表格 7 - 按下按钮验证字段集
【发布时间】: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) 有效数据(因此请确保其为电子邮件地址等)。

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

卡尔

【问题讨论】:

    标签: wordpress validation contact-form


    【解决方案1】:

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

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

    【讨论】:

    • 很抱歉造成混淆。请参阅编辑。我也有一个在完成时验证的表单,但是因为我正在开发一个多步骤表单(请参阅我最初附加的链接),我想在进入下一个之前验证当前屏幕。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-05
    • 1970-01-01
    • 2016-11-16
    • 1970-01-01
    • 2014-01-22
    相关资源
    最近更新 更多