Question

我在我的＆＃34;注册＆＃34;上格式化错误消息的方式存在问题。 form，使用simple_form gem。 This is what my registration form looks like when handling errors.

我希望错误消息显示在输入框下方，并且我不希望在提交错误输入时更改输入框的对齐方式。输入和错误消息的结构如下所示：

        <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
        <%= f.error_notification input_html: { class: 'error' } %>
        <div class="panel-body">
          <%= f.input :email, required: true, autofocus: true, label: false, placeholder: 'Email', input_html: { class: 'input-lg' } %>
          <%= f.input :user_name, required: true, label: false, placeholder: 'User Name', input_html: { class: 'input-lg' } %>
          <%= f.input :password, required: true, label: false, placeholder: 'Password', input_html: { class: 'input-lg' } %>
          <%= f.input :password_confirmation, required: true, label: false, placeholder: 'Confirm Password', input_html: { class: 'input-lg' } %>

我可以在css中调整一些内容，使错误消息显示在输入框下方的中间吗？我尝试过使用边距，但是当我这样做时，输入框会改变对齐方式。

Answer 1

找到解决方案，非常简单。只需按如下方式编辑CSS：

.error {
    display: block;
    text-align: center;
}

移动输入框的简单表单错误消息

1 个答案: