联系表格 7 提交，但未填写所有必填字段答案

【问题标题】：Contact form 7 submit without completing all required fields联系表格 7 提交，但未填写所有必填字段
【发布时间】：2017-02-15 01:54:45
【问题描述】：

使用 wordpress contact form 7 插件做问卷。我有 2 个按钮 continue 和 done - 如果您点击 continue，它应该只发送第一个输入并跳过隐藏的输入。继续它会显示隐藏字段，并且表单必须检查所有必填字段。

让我告诉你确切的代码：

<div class="first">
    <input type="text" id="one" required>
    <input type="text" id="two" required>
    <input type="text" id="three">
</div>
<button id="continue" value="continue"> or <button id="done" value="done">

<div class="second" style="display:none">
    <input type="text" id="four" required>
    <input type="text" id="five" required>
    <input type="text" id="six">
    <button id="send" value="send">
</div>

<script>
$(document).ready(function(){
    $('#continue').click(function(){
        $('.second').show();
        $('#continue, #done').remove();
    });
    $('#done').click(function(){
        $('.second ').remove();
        // submit without div.second fields
    });
    $('#send').click(function(){
        // submit all div.first / div.second fields
    });
});
</script>

现在如果我点击完成，表单会要求我完成所有字段，甚至是隐藏字段。在提交之前尝试删除它们，仍然在询问...

【问题讨论】：

您是否尝试过删除required html 属性？
另外，使用可见性：隐藏；，不显示：无；
试图删除 required 和更多属性，同样的事情.. 仅在此示例中使用 display:none..

标签： jquery wordpress forms contact-form-7

【解决方案1】：

试试这个，

$('#formName').validate({
    ignore: "#hiddenInputId"
});

或，

您可以通过添加以下内容来禁用配置验证器：

define( 'WPCF7_VALIDATE_CONFIGURATION', false );

到您的 wp-config.php，或添加：

add_filter( 'wpcf7_validate_configuration', '__return_false' );

【讨论】：