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

Stack Overflow用户

提问于 2017-08-03 13:26:55

回答 1查看 578关注 0票数 0

使用simple_form gem在“注册”表单上格式化错误消息的方式有问题。这就是我的注册表格在处理错误时的样子。

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

        <%= 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中有什么东西我可以调整，使错误信息出现在输入框下面的中心吗？我尝试过在边距上乱搞，但是当我这样做的时候，输入框就会改变对齐。

ruby-on-rails-4

simple-form

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-08-09 23:19:14

找到了解决办法，很简单。只需按以下方式编辑CSS：

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45485620

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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