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

【问题标题】：How to display validation error inside of an input field?如何在输入字段内显示验证错误？
【发布时间】：2016-07-13 06:27:45
【问题描述】：

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

我该怎么做？

【问题讨论】：

【解决方案1】：

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

example.html.erb

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

example.css

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

【讨论】：