Bootstrap - 提交后欧芹色显示单选按钮错误信息

Question

我正在尝试了解如何使用欧芹验证来突出显示单选按钮。

http://parsleyjs.org/doc/examples/simple.html

是一个欧芹样本，它做我想做的事情，除了它在你的表单标签上使用数据欧芹验证 "not supposed to do"

我试图在 fiddle 上复制简单页面..

<label for="gender">Gender *:</label>
<p>
M: <input name="gender" id="genderM" value="M" required="" type="radio">
F: <input name="gender" id="genderF" value="F" type="radio">
</p>

http://jsfiddle.net/bwolfsohn/9wfjo94w/7/

但我无法让单选按钮行在 fiddle 上显示为粉红色，就像在简单示例中那样。

1. 我在 fiddle 中做错了什么？
2. 有没有办法在不在表单本身上使用 data-parsley-validate="" 的情况下完成此操作？

Answer 1

您缺少 CSS，将这些添加到您的 CSS：

p.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}


p.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

Fiddle