1

尊敬的人...

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

在此处输入图像描述

我该怎么做呢 ...

我的表格如下

    <div class="row-fluid">
      <div class="span6 offset3 centered">
        <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
        <%= f.error_notification %>
        <div class="form-inputs">
          <%= f.input :name, required: true, autofocus: true, wrapper: :prepend, error: true, wrapper_html: { class: 'input-error' } do %>
            <span class="add-on"><i class="ss-icon ss-user"></i></span>
            <%= f.input_field :name, placeholder: "Full Name" %>
          <% end %>
          <%= f.input :email, required: true, required: true, wrapper: :prepend, error: true, wrapper_html: { class: 'input-error' } do %>
            <span class="add-on"><i class="ss-icon ss-mail"></i></span>
            <%= f.input_field :email, placeholder: "Email" %>
          <% end %>
          <%= f.submit "Sign up", class: "btn btn-primary sign" %>
        </div>
        <% end %>
      </div>
    </div>

谢谢 ...

4

2 回答 2

0

model.errors 包含有关验证错误的所有信息。此代码可以按照您的要求将错误消息放在输入字段中。只是一些想法，我希望可以帮助您提出解决方案。

<%= f.input_field :email, :placeholder => "Email", value: (resource.errors.include?(:email) ? resource.errors.get(:email).join(', ') : resource.email ) %>

resource.errors.include?(:email) 告诉您 email 属性是否出错，resource.errors.get(:email) 返回错误消息数组。

您还需要禁用附加在错误字段末尾的自动生成的内联错误消息，这是一个类名为“help-inline”的跨度

于 2013-06-28T03:54:36.200 回答
0

试试这个使用引导是无效的

<div class="form-group row">
      <%= form.label :email, class: 'col-md-3 col-form-label'  %>
      <div class="col-md-9">
          <%= form.text_field :email, class: 'form-control' + (admin.errors.include?(:email) ? ' is-invalid' : '') %>
      </div>
  </div>
于 2019-05-16T20:52:02.480 回答