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

How to display validation error inside of an input field?

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

我该怎么做?

您可以使用 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