Selective django/Jquery Form Vorlage

Question

ich ein Suchfeld an der Spitze meiner django Vorlage habe (ohne umgebende Form Tags):

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

Ab sofort wird der Suchschlüssel mit einem Tastendruck vorgelegt oder durch klicken eingeben:

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

Nun, ich Zugabe in django-registration. Als Ergebnis habe ich eine Login-Vorlage, die der folgenden ähnelt:

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

Ich brauchte eine Weile, um herauszufinden, warum auf einer Suchseite schickte mich einzuloggen versucht. Ich erkannte, dass nach dem Eingeben des Passworts durch Drücken der Eingabetaste der Suchschlüssel aktiviert wurde, nicht der Benutzername/das Passwort.

Wie kann ich die Vorlage so konfigurieren, dass ich eine Suchanfrage eingeben, die Eingabetaste drücken und die Suchansicht aktivieren ODER meine Kontoinformationen eingeben, die Eingabetaste drücken und mich anmelden kann? Grundsätzlich, wie kann ich angeben, dass eine Enter-Taste drücken "gehört" zu seiner erforderlichen Funktion?

Answer 1

Sie brauchen das nicht:

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

, dass die Art und Weise, es zu tun:

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

Beachten Sie, dass die Javascript weg ist, und dass die Form verlässt sich jetzt auf mit dem „bekommen " Methode. Also, das Javascript wird nicht mehr in Konflikt geraten.

Auch hinzugefügt I einen Wert an den Q-Eingang, als freien goodie B)

Jeff Sickel:

Gelöschte Code Code debuggt wird.

Wenn Sie wirklich wollte, dass die js beheben, könnte man als solche tun:

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

Oder eine ID zu Ihrer Suche Formular hinzuzufügen:

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