從提交的JavaScript塊形式

Question

我使用Django與bootstrap3並使用twitter的typeahead.js來獲取我的表單上的自動完成。

形式：

**

<div id="top" class="jumbotron"> 
    <div class="container"> 
    <h1 align="center">Home</h1> 
    <h3> 
     <form align="center" action="/search/" method="get" role="form"> 
    <input id="navPersonSearch" type="text" name="q" placeholder="Search for Actor/Actress" autocomplete="off"> 
     </form> 
    </h3> 
    </div> <!-- /.container --> 
</div> <!-- /.jumbotron --> 

**

腳本處理自動完成：

<script type="text/javascript"> 

$(document).ready(function() { 
    $("#navPersonSearch").typeahead({ 
    name: 'people', 
    remote: 'name_autocomplete/?q=%QUERY' 
    }); 
}); 

</script> 

這種形式不會有一個提交按鈕，這樣你用回車提交。註釋腳本允許表單提交，但是腳本不提供。

Answer 1

這可能是由於鍵入事件修改按鍵事件;我不確定，因爲我沒有使用它。但重新安裝該事件可能會解決您的問題。

嘗試這樣：

$(document).ready(function() { 
    $("#navPersonSearch").typeahead({ 
     name: 'people', 
     remote: 'name_autocomplete/?q=%QUERY' 
    }).keydown(function(e) { 
     if (e.keyCode === 13) { 
      $("form").trigger('submit'); 
     } 
    }); 
});