Szyny: Prosty formularz + ładowanie początkowe - Gdy błędy, pola nie zmieniają koloru na czerwony

Question

Zacząłem używać Simple-form i Bootstrap i starałem się postępować zgodnie z tym odniesieniem: Simple form + Bootstrap, ale nie wiem, co się dzieje, ponieważ kiedy pole zawodzi, oto co się dzieje:

odniesieniu do tego zrzutu ekranu mam pytanie:
1) Jak widać, pole cena nie jest czerwony otoczeniu. Jak mogę to zrobić? Oto mój kod do postaci:

<%= 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

Uważam, że kod w twoim odnośniku jest nieco mylący i niepoprawny, jeśli chodzi o powiadomienia o błędach.

Zmiana:

<% 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 %> 

się, po prostu:

<%= lesson_form.error_notification %> 

Następnie w config/locals/simple_form.en.yml zmień default_message do:

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

Będzie to naprawić asymetrię w polu alertu o błędzie (poprzez ustalenie wynikowych znaczników).

Aby rozwiązać problem z błędem sprawdzania oryginalności, który nie jest wyświetlany na czerwono, musisz udostępnić znaczniki, abyśmy mogli zobaczyć, co się dzieje.

Answer 2

Look w tekście obok pola cenowym. Proste do umieszczania błędów obok pola.

do czyszczenia form wyglądają starają się następująco:

usunąć to, to nie potrzebne z prosty formularz gem:

<% 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 %> 

zmienić :html => { :class => 'well' } do :html => { :class => 'well form-horizontal' }

Będzie to układ swojej formuj lepiej i zastosuj bootstrap css do pól błędów i tekstu.