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

Question

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

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

是一个欧芹样本，可以完成我想做的事情，除非它在表单标签上使用data-parsley-validate，你不应该这样做＆＃34;

我试图在小提琴上复制这个简单的页面。

<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/

但是我不能让单选按钮线在小提琴上以粉红色显示，就像在简单样本上一样。

1. 我在小提琴里做错了什么？
2. 有没有办法在不使用data-parsley-validate =＆＃34;＆＃34;在表格本身？

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