如何在输入字段中显示验证错误？

Question

在我的rails应用中，我使用 simple_form 。我需要在输入字段中获取错误消息，而不是在侧面显示它，如下图所示。

我该怎么做？

Answer 1

您可以使用CSS将错误字段移动到输入字段的区域。

<强> example.html.erb

<div class="row">
  <%= f.text_field :email, class: "email" %>
  <span class="error">
</div>

<强> example.css

.row .error {
   margin: -20px;
}

示例：http://codepen.io/phelpsiv/pen/ZOaomq