Rails: простая форма + начальная загрузка - при ошибках поля не становятся красными

Question

Я начал использовать Simple-form и Bootstrap, и я попытался перейти по этой ссылке: Simple form + Bootstrap , но я не знаю, что происходит, потому что, когда поле выходит из строя, здесьчто происходит:

По поводу этого скриншота у меня вопрос:
1) Как видите, поле «Цена» не окружено красным.Как я могу это сделать?Вот мой код для формы:

<%= simple_form_for @lesson, :html => { :class => 'well' } do |lesson_form| %>
<% if lesson_form.error_notification %>
    <div class="alert alert-error fade in">
      <a class="close" data-dismiss="alert" href="#">&times;</a>
      <%= lesson_form.error_notification %>
    </div>
<% end %>
  <%= lesson_form.input :title %>
  <%= lesson_form.input :category %>
  <%= lesson_form.input :description %>
  <%= lesson_form.input :price %>
  <%= lesson_form.button :submit, :label => 'Create', :class => 'btn btn-primary btn-large' %>
<% end -%>

Answer 1

Я полагаю, что код в вашей ссылке несколько вводит в заблуждение и неверен, поскольку уведомления об ошибках идут.

Изменение:

<% if lesson_form.error_notification %>
    <div class="alert alert-error fade in">
      <a class="close" data-dismiss="alert" href="#">&times;</a>
      <%= lesson_form.error_notification %>
    </div>
<% end %>

на, просто:

<%= lesson_form.error_notification %>

Затем в config/locals/simple_form.en.yml измените default_message на:

default_message: '<a class="close" data-dismiss="alert">&times;</a>Some errors were found, please take a look:'

Это исправит асимметрию в окне предупреждения об ошибке (исправив результирующую разметку).

Для того, чтобыУстраните проблему, так как ошибка проверки не отображается красным цветом, вам придется поделиться разметкой, чтобы мы могли видеть, что происходит.

Answer 2

Посмотрите на текст рядом с полем цены. Simple for помещает ошибки рядом с полем.

Чтобы очистить свои формы, посмотрите следующее:

Удалите это, его не нужно использовать с простой формой:

<% if lesson_form.error_notification %>
    <div class="alert alert-error fade in">
      <a class="close" data-dismiss="alert" href="#">&times;</a>
      <%= lesson_form.error_notification %>
    </div>
<% end %>

Измените :html => { :class => 'well' } на :html => { :class => 'well form-horizontal' }

Это улучшит макет вашей формы и применит загрузочный css к полям ошибок и тексту.