forms - 欧芹复选框验证 : can't get working

Question

下面是我所拥有的内容，尝试使用此处类似答案中的位，以及欧芹站点中的项目。没有任何反应。用户不会收到必须选中至少 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> 

Answer 1

您的代码存在一些问题:

1. parsley-group 不存在。如果您想验证表单的一部分，可以使用 data-parsley-group。
2. parsley-mincheck="1" 不存在。有一个 data-parsley-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();
    });
});

如果您希望用户选择一个且仅一个选项，我建议您使用单选按钮。