javascript - 按 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 -> 为表单和输入字段提供唯一的 ID，该 ID 将在按回车键时提交

 <%= 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 检查是否按下了 Enter 按钮，然后提交此表单

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