1

Tenho uma aplicação Rails com Twitter Bootstrap que, ao criar um registro e apresentar erros, mostra o erro em um flash/notice conforme imagem:imagem

Porém, gostaria que aparecesse os erros nos campos, e alterasse a classe dos inputs para .has-error ou algo do tipo. Dei uma olhada no field_error_proc e tentei alterá-lo de diversas maneiras, porém, sem sucesso (na verdade, talvez eu tenha feito algo de errado).

2 Respostas 2

1

Usando os form helpers

<%= form_for @post |f| %>
  <% @post.errors[:title].join(", ") %>
  <%= f.text_field :title %>
  <%= f.submit "Create" %>
<% end %>

os campos com erro tem um output assim:

<div class="field_with_errors">
 <input id="post_title" name="post[title]" size="30" type="text" value="">
</div>

usando a class field_with_errors:

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

fonte

1
  • Engraçado que no meu caso os campos não ficam com esta classe "field_with_erros", não sei se é por causa do bootstrap, do simple_form ou alguma outra coisa. Porém, a parte dos erros acima do input deu certo.
    – Killer
    12/09/2014 às 13:20
1

No caso do Bootstrap, é possível tornar a borda dos campos com erro vermelha com uma simples linha em jQuery:

$(".form-group:has(.field_with_errors)").addClass("has-error");
1
  • Ótimo. Isso pode ajudar no caso de eu não conseguir fazer isso automaticamente via CSS juntando com os erros do Rails (pois parece-me que o normal seria o div do input mudar sua classe ao apresentar erros).
    – Killer
    12/09/2014 às 13:21

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .