Reputation: 1651
I'd like to be able to highlight fields that don't pass validation. I'm using simple_form, and the error messages it displays just don't look good to me. I'm listing the errors above the form & I'd like to highlight (change the color of) the fields that contain invalid values. Is there an easy way of doing this?
Upvotes: 4
Views: 3170
Reputation: 7303
You could also take a look at client-side-validations. You can style and display errors inline, and it supports simple_form.
Upvotes: 0
Reputation: 34643
yes it's very easy, you will likely find that the field with errors will have a class of ".field_with_errors" or something similar applied to it
just style all inputs that fall within that class to have 2px solid red border
i.e.
// style.sass
.field_with_errors
input
border: 2px solid red
Upvotes: 8