Javascript 欧芹没有为单选按钮组使用自定义错误容器
我正在SpringMVC项目中使用Parsley JavaScript验证库。我正在尝试验证“必需”单选按钮组。Javascript 欧芹没有为单选按钮组使用自定义错误容器,javascript,spring-mvc,parsley.js,Javascript,Spring Mvc,Parsley.js,我正在SpringMVC项目中使用Parsley JavaScript验证库。我正在尝试验证“必需”单选按钮组。 我想在组中最后一个单选按钮后显示验证消息。为了实现这一点,我在最后一个单选按钮中添加了data parsley errors container=“#element”属性,但parsley没有使用此自定义错误容器第一个单选按钮后错误显示错误消息。在我的例子中,错误容器将被动态地添加到单选按钮组中,但即使在内联添加时,它也不起作用。 请在这里找到JSFIDLE示例代码 $(文档).r
我想在组中最后一个单选按钮后显示验证消息。为了实现这一点,我在最后一个单选按钮中添加了data parsley errors container=“#element”属性,但parsley没有使用此自定义错误容器
第一个单选按钮后错误显示错误消息。在我的例子中,错误容器将被动态地添加到单选按钮组中,但即使在内联添加时,它也不起作用。 请在这里找到JSFIDLE示例代码
$(文档).ready(函数(){
$(“#评论形式”)。欧芹();
});
性别
男性
女性
您在“男性”输入中缺少数据欧芹错误容器=“#genderError”
。你好,马克,是的,您是对的。将data parsley errors container=“#genderError”属性添加到组中的每个单选按钮可正确显示自定义错误容器中的验证消息。我在这里关注另一篇文章,我假设属性只需要在最后一个单选按钮上。谢谢!
<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>