Question

我希望能够突出显示未通过验证的字段。我正在使用simple_form，它显示的错误信息对我来说并不好看。我列出了表格上方的错误。我想突出显示（更改颜色）包含无效值的字段。这样做有简单的方法吗？

Answer 1

是的，这很容易，您可能会发现有错误的字段会有一类“.field_with_errors”或类似的东西

将所有属于该类的输入设置为具有2px纯红色边框

即

// style.sass
.field_with_errors
  input
    border: 2px solid red

Answer 2

您还可以查看client-side-validations。您可以内联样式并显示错误，它支持simple_form。