Forms 欧芹复选框验证:可以';我不能工作

Forms 欧芹复选框验证:可以';我不能工作,forms,validation,checkbox,parsley.js,Forms,Validation,Checkbox,Parsley.js,下面是我所拥有的,我试图使用类似答案中的部分,再加上欧芹网站上的项目。。没有发生任何情况..未提醒用户必须选中至少1个框。这一切我都错了吗?提前感谢您提供的任何线索 <form action="success.html" id="contact-form" data-parsley-validate> <label for="language">Please Choose your Language:<br> <input type="check

下面是我所拥有的,我试图使用类似答案中的部分,再加上欧芹网站上的项目。。没有发生任何情况..未提醒用户必须选中至少1个框。这一切我都错了吗?提前感谢您提供的任何线索

<form action="success.html" id="contact-form" data-parsley-validate>
  <label for="language">Please Choose your Language:<br>
  <input type="checkbox" class="checkbox" name="language" value="english" parsley-group="language" parsley-mincheck="1">English<br>
  <input type="checkbox" class="checkbox"  name="language" value="spanish" parsley-group="language" >Spanish<br>
  <input type="checkbox" class="checkbox"  name="language" value="french" parsley-group="language" >French 
</label> 

请选择您的语言:
英语
西班牙语
法语
您的代码有一些问题:

  • 欧芹组
    不存在。有一个
    数据欧芹组
    ,如果您想验证表单的一部分,该组适用
  • 欧芹mincheck=“1”
    不存在。有一个
    数据欧芹mincheck=“1”
  • 假设您至少需要一种语言,但可以接受更多语言,则此代码应实现以下功能:

    <form action="success.html" id="contact-form" data-parsley-validate>
        <label for="language">Please Choose your Language:<br>
        <input type="checkbox" class="checkbox" name="language[]" 
                value="english" required>English<br>
        <input type="checkbox" class="checkbox"  name="language[]" 
                value="spanish" required>Spanish<br>
        <input type="checkbox" class="checkbox"  name="language[]" 
                value="french" required >French</label>
        <button type="submit" id="submit-button">Submit form</button>
    </form>
    
    $(document).ready(function() {
        // bind parsley to the form
        $("#contact-form").parsley();
    
        // on form submit, validate form and, if valid, show valid in the console
        $("#contact-form").submit(function() {
            $(this).parsley("validate");
            if ($(this).parsley("isValid")) {
                console.log('valid');
            }
            event.preventDefault();
        });
    });
    
    
    请选择您的语言:
    英语
    西班牙语
    法语 提交表格 $(文档).ready(函数(){ //把欧芹绑在形状上 $(“#联系方式”).parsley(); //在表单提交时,验证表单,如果有效,则在控制台中显示valid $(“#联系表”)。提交(函数(){ $(此)。欧芹(“验证”); if($(this).parsley(“isValid”)){ console.log('valid'); } event.preventDefault(); }); });
    如果您希望用户选择一个且仅选择一个选项,我建议您使用单选按钮。

    请添加javascript标记,为您的问题和以下答案提供语法突出显示。谢谢