Проверка автозаполнения JQuery в рельсах

Question

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

Итак, после публикации, код такой:

<input id="post_date" name="post[date]" type="text">

Будет выглядеть так:

<div class="field_with_errors">
   <input id="post_date" name="post[date]" type="text">
</div>

, поэтому с помощью простого CSS мы можем установить красную рамку:

.field_with_errors input{border: 1px red}

Моя проблема началась, когда я поместил поле автозаполнения в форму.Чтобы отправить значение «id» на сервер и показать значение «name» в поле, я создаю скрытое поле для идентификатора, например:

<p>
  <%= f.label :user %>
  <%= f.hidden_field :user_id%>
  <%= text_field_tag :user %>
</p>

Где «text_field_tag» - это мое автозаполнение:

$("input#user").autocomplete({...});

И скрытое поле будет содержать идентификатор для сообщения сервера.

После этого, если в этом поле есть ошибка (как требуется), Rails не окружает ничего из этогомагический элемент div.

Есть какие-нибудь подсказки?Спасибо.

Answer 1

вам нужно будет использовать помощник по формам, чтобы получить подсветку ошибок. так что вам нужно будет f.text_field :user, если вы включили проверку.

Answer 2

Вы можете сделать что-то подобное:

<div class="<%= object.errors[:user].present? ? 'field_with_errors' : '' %>">
 Your text_field_tag with autocomplete
</div>

Пример:

<div class="<%= object.errors[:user].present? ? 'field_with_errors' : '' %>">
  <%= text_field_tag nil, default, :id => 'user_email_autocomplete', data: {autocomplete_source: User.order(:email).map { |t| {:label => t.email, :value => t.id} }} %>
</div>
<%= f.hidden_field :user_id %>