联系表单7提交时未完成所有必填字段

时间:2016-10-06 10:48:00

标签: jquery wordpress forms contact-form-7

使用wordpress contact form 7插件进行问卷调查。我有2个按钮继续完成 - 如果您点击继续,它应该只发送第一个输入并跳过隐藏的输入。在继续时,它将显示隐藏的字段,而且表单必须检查所有必填字段。

让我告诉你确切的代码:

<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>

现在,如果我点击完成,表单会要求我完成所有fiels,甚至是隐藏的fiels。试图在提交前删除它们,仍然要求......

1 个答案:

答案 0 :(得分:0)

尝试一下,

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

OR,

您可以通过添加以下内容来禁用配置验证程序:

define( 'WPCF7_VALIDATE_CONFIGURATION', false );

到你的wp-config.php,或者添加:

add_filter( 'wpcf7_validate_configuration', '__return_false' );