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"。

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

1 个答案: