css - 有没有办法将 "field_with_errors"类应用于 Rails 中的现有元素？

Question

我在 Rails 应用程序中验证表单数据，包含类“field_with_errors”的 div 丢弃了我使用 Flexbox 设置样式的表单。

有没有办法让 Rails 将“field_with_errors”类附加到现有元素上，而不是用它创建一个新的 div？

例子:

<li class="field_with_errors">
  <input .... />
</li>

不是

<div class="field_with_errors">
  <li>
    <input .... />
  </li>
</div>

Answer 1

您应该覆盖 ActionView::Base.field_error_proc。它在 ActionView::Base 中定义:

@@field_error_proc = Proc.new{ |html_tag, instance| 
  "<div class=\"field_with_errors\">#{html_tag}</div>".html_safe
}

您可以更改它以更好地适应您的 UI:

config.action_view.field_error_proc = Proc.new { |html_tag, instance| "<li class='field_with_errors'>#{html_tag}</li>".html_safe }

重启你的服务器，你就可以开始了。