Question

我在Wordpress中使用联系表格7表格。我有一组复选框，我希望确保在提交表单之前至少检查一个复选框。应该足够简单...使用内置验证，因为我没有使用CF7短代码，但是html输入标记，即使字段设置为required，表单也会提交。我不能使用短代码，因为我的输入字段名称包含[]括号。因此，我为CF7安装了Jquery验证插件，如果没有选中任何框，它可以禁止提交表单，但是如果检查前三个框，则只有第二个和第三个框的值是通过表格发送。我查看了几个自定义验证代码片段，看起来它们可以工作，我将它们粘贴到同一个区域，因为我有其他类似的片段做其他事情，它们没有区别，因为内置的CF7验证没有当未检查我的html输入字段的必填字段时，停止提交表单。有什么建议？我不是一个程序员（尽我所能）所以请随意回答，就像我是一个孩子大声笑。这是我的HTML：

<p>
<label>Which Are You Most Interested In?</label>
</br>
<label for="cb1">
    <input id="cb1" name="mc4wp-INTERESTS[de9f89w3vq][]" 
type="checkbox" value="bf2fd8233f" required> <span>Interest 1</span>
</label>
</br>
<label for="cb2">
    <input id="cb2" name="mc4wp-INTERESTS[de9f89w3vq][]" 
type="checkbox" value="c1b1b74e7c" required> <span>Interest 2</span>
</label>
</br>
<label for="cb3">
    <input id="cb3" name="mc4wp-INTERESTS[de9f89w3vq][]" 
type="checkbox" value="a4c5eb6f36" required> <span>Interest 3</span>
</label>
</br>
<label for="cb4">
    <input id="cb4" name="mc4wp-INTERESTS[de9f89w3vq][]" 
type="checkbox" value="587de639d6" required> <span>Interest 4</span>
</label>
</p>

-

我认为对我来说最好的方法就是禁用提交按钮，直到复选框组中至少检查了一个值（另一组选中的单选按钮），并找到以下代码：

(function($) {

function buttonState(){
    $("input").each(function(){
        $('#send-info').attr('disabled', 'disabled');
        if($(this).val() == "" ) return false;
        $('#send-info').attr('disabled', '');
   }) 
}

$(function(){
$('#send-info').attr('disabled', 'disabled');
$('input').change(buttonState);
})
})(jQuery);

...哪种方法可以很好地禁用提交按钮，但似乎因为我有隐藏的字段，它不会重新启用提交按钮。也不确定它是否只关心必填字段。想知道如何修改它，以便它只关心必填字段并忽略隐藏字段。我尝试了其他几个片段解决方案，由于某种原因，他们没有禁用提交按钮。我通过Scripts and Styles Wordpress插件在页面底部安装了脚本。

联系表单7必需的复选框组验证问题

0 个答案: