Поиск нажатием Enter

Question

Прямо сейчас у меня есть поле поиска и прямо рядом с ним кнопка отправки поиска.Но хотите удалить кнопку, чтобы пользователь мог просто нажать Enter.Что мне нужно изменить?

 <%= form_tag search_path, method: :get do %>
  <div class="row">
    <div class="col-md-5">
      <%= text_field_tag :search, params[:search], placeholder: "z.B. New York", class: "suchfeld", id: "autolocation" %>
    </div>

    <div class="row">
      <div class="col-md-2">
        <%= submit_tag "Search", class: "btn btn-normal btn-block" %>
      </div>
    </div>

  </div>
  <br/><br/>


<% end %>

Answer 1

Может быть сделано с помощью jquery или javascript

1 -> Предоставить уникальный идентификатор для формы и поле ввода, которое будет отправлено при нажатии enter

 <%= form_tag(search_path, method: :get, id: 'search_form') do %>
  <div class="row">
    <div class="col-md-5">
      <%= text_field_tag :search, params[:search], placeholder: "z.B. New York", class: "suchfeld", id: "autolocation" %>
    </div>    
  </div>
  <br/><br/>
<% end %>

2 -> Использование проверки jQueryесли нажата кнопка ввода, отправьте эту форму

<script>
$(document).ready(function() {
  $('#autolocation').keydown(function(event) {
    // enter has keyCode = 13
    if (event.keyCode == 13) {
      $('#search_form')submit(); // submit the form
      return false;
    }
  });
});
</script>

Answer 2

Вы можете просто скрыть кнопку, используя css.{display: none}.Но не удаляйте кнопку.(Если вы используете boostrap, попробуйте добавить класс d-none к кнопке отправки.) Это отправит вашу форму с клавишей ввода.