欧芹不使用单选按钮组的自定义错误容器

Question

我在 Spring MVC 项目中使用 Parsley JavaScript 验证库。我正在尝试验证“必需”单选按钮组。
我想在组中最后一个单选按钮之后显示验证消息。为了实现此目的，我将 data-parsley-errors-container="#element" 属性添加到最后一个单选按钮，但 Parsley 没有使用此自定义错误容器。
错误消息错误地显示在第一个单选按钮之后。就我而言，错误容器将动态添加到单选按钮组中，但即使我内联添加它，它也不起作用。请在此处找到 JSFiddle 示例代码https://jsfiddle.net/8ja2sm98/9/

<script>
    $(document).ready(function() {
    $("#commentForm").parsley();
});
 </script>
<form class="cmxform" id="commentForm" method="get" action="">
  <div class="form-group required">
    <label for="gender" class="control-label">Gender</label>                           
      <div class="radio">
          <label><input id="gender1" name="gender" type="radio" value="M" data-parsley-multiple="gender" data-parsley-id="17">Male</label>
            </div>
            <div class="radio">
        <label><input id="gender2" name="gender" type="radio" value="F" data-parsley-multiple="gender" data-parsley-errors-container="#genderError" required>Female</label>
            </div>
            <span id="genderError" style="background-color:blue;"></span>
  </div>
  <p>
    <input class="submit" type="submit" value="Submit" />
  </p>
</form> 

Answer 1

你缺少data-parsley-errors-container="#genderError"“男性”输入。