如何在联系表单7 wordpress中设置必填字段

时间:2018-08-04 03:56:47

标签: wordpress contact-form-7

我在表单中有多个复选框的列表。用户可以选中所有复选框,但至少需要一个。如果不选择至少一项,请选中复选框,他们将无法提交表单。如何在联系表格7中填写? 我添加了无法正常运行的脚本。

这是我的剧本

 $(document).ready(function(){    $('#checkBtn').click(function() {

checked = $(“ input [type = checkbox]:checked”)。length;

 if(!checked) {
    alert("You must check at least one checkbox.");
    return false;
  }

});

});

3 个答案:

答案 0 :(得分:1)

这是完美的工作。 在此设置您的代码

$('#fm_submit').submit(function(e){
    e.preventDefault();
    var ck_box = $('input[type="checkbox"]:checked').length;
    
    // return in firefox or chrome console 
    // the number of checkbox checked
    console.log(ck_box); 

    if(ck_box < 1){
      alert('Select any one box');
    } 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name = "frmTest[]" id="fm_submit">
  <input type="checkbox" value="true" checked="true" >
  <input type="checkbox" value="true" checked="true" >
  <input type="checkbox" >
  <input type="checkbox" >
  <input type="submit" id="fm_submit" name="fm_submit" value="Submit">
</form>
<div class="container"></div>

答案 1 :(得分:1)

将代码从上方粘贴在表单底部,而不是“其他设置”

$('#fm_submit').submit(function(e){
e.preventDefault();
var ck_box = $('input[type="checkbox"]:checked').length;
// return in firefox or chrome console the number of checkbox checked enter code here
console.log(ck_box); 
if(ck_box < 1){ alert('Select any one box'); } 
});

答案 2 :(得分:0)

在这种情况下,仅在插件形式的复选框元素后写星号(*)

 [checkbox* checkbox "test 1" "test 2"]

 [submit "Send"]