欧芹没有为单选按钮组使用自定义错误容器

Question

我在 Spring MVC 项目中使用 Parsley JavaScript 验证库。我正在尝试验证 'required' 单选按钮组。
我想在组中最后一个单选按钮之后显示验证消息。为实现这一点，我将 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

您在 "male" 输入中缺少 data-parsley-errors-container="#genderError"。

欧芹没有为单选按钮组使用自定义错误容器

Parsley not using custom error container for radio button group

javascript

spring-mvc

parsley.js