選擇性Django的/ jQuery的表單提交

Question

我在我的Django模板頂部的搜索字段（不帶周圍的表單標籤）：

<input name="q" id="id_q" /> 
<input type="submit" id="id_s" value="Search"> 

截至目前，搜索鍵被按下一個按鈕提交或點擊進入：

$(function($) { 
    $(":submit").click(function() { 
     window.location = "{% url search %}?q=" + $("#id_q").val(); 
    }); 
}); 

現在，我將在django-registration。其結果是，我有類似以下的登錄模板：

<form method="post" action=".">{% csrf_token %} 
    {% if form.non_field_errors %} 
     <div class="form_errors"> 
      {% for err in form.non_field_errors %} 
       <div class="form_error_message">{{ err }}</div> 
      {% endfor %} 
     </div> 
    {% endif %} 
    {% for hidden in form.hidden_fields %} 
     {{ hidden }} 
    {% endfor %} 
    {% for field in form.visible_fields %} 
     <div class="block"> 
      {{ field.label_tag }} 
      {{ field }} 
      {% for err in field.errors %} 
       <span class="error_message">{{ err }}</span> 
      {% endfor %} 
     </div> 
    {% endfor %} 

    <div style="padding-left:11em; padding-bottom:1em;"> 
     <input type="submit" value="{% trans 'Log in' %}" /> 
     <input type="hidden" name="next" value="{{ next }}" /> 
    </div> 
</form> 

我花了一段時間來弄清楚爲什麼嘗試登錄送我到搜索頁面。我意識到在輸入密碼後點擊Enter將激活搜索鍵，而不是用戶名/密碼提交。

我如何配置模板，這樣我可以輸入搜索查詢，並按回車鍵，啓動搜索視圖或進入我的帳戶信息，並按回車鍵，登錄？基本上，我怎麼能指定一個回車鍵按下「屬於」它的必要功能？

Answer 1

你不需要這樣的：

<form method="post" action="{% url search %}"> 
    <input name="q" id="id_q" /> 
    <input type="submit" id="id_s" value="Search"> 
</form> 
<script type="text/javascript"> 
$(function($) { 
    $(":submit").click(function() { 
     window.location = "{% url search %}?q=" + $("#id_q").val(); 
    }); 
}); 
</script> 

這是應該做的方式：

<form method="get" action="{% url search %}"> 
    <input name="q" id="id_q" value="{{ request.GET.q }}" /> 
    <input type="submit" id="id_s" value="Search"> 
</form> 

注意，JavaScript是消失了，該窗體現在依賴於使用「獲取「 方法。所以，javascript不會再發生衝突。

另外我添加了一個值到Q輸入，作爲一個自由糖果B）

傑夫Sickel：

刪除代碼調試代碼。

如果你真的想解決的JS，你可以做這樣：

$("form[action={% url search %}]").submit(// ... 

或添加ID來搜索表單：

$("#search_form").submit(// ...