HTML-Anker zum Senden von Post-Daten beim Klicken

7

Ist es möglich, dass sich ein Anchor-Tag wie ein .submit verhält (mit bestimmten Post-Eigenschaften?) Grund, warum ich ein Anchor-Tag habe, weil ich das Submit-Button-Look nicht mag und eine CSS-Schaltfläche haben wollte.

Hier ist, was ich gerade mache (und es funktioniert nicht)

HTML-Datei

%Vor%

die .js-Datei

%Vor%

Ich bekomme eine richtige Antwort, aber es schickt mich nicht auf die POST-Datenseite leitet nur zurück an den Anfang der Seite (aufgrund des Ankers). Irgendwelche Ideen, wie man mich an den richtigen Ort (HTML-Seite) mit den POST-Daten auf dieser HTML-Seite vorgefüllt zu machen? Wie Sie bemerken, ist es kein einfaches .submit() . Im Moment werde ich wahrscheinlich mit einem versteckten Feld gehen und dann ein .submit() machen, aber ich frage mich, ob es einen einfacheren Weg gibt, die Seite zu bekommen, da der POST richtig gemacht werden kann.

Danke!

    
Tyug 06.11.2010, 03:25
quelle

5 Antworten

23

Jeder Stopp Tasten neu erfinden. Sie existieren bereits, und sie können auch gestylt werden.

%Vor%

Demo hier: Ссылка

Ich sollte auch darauf hinweisen, dass jeder auf der Welt nach dem traditionellen Knopf am Ende des Formulars sucht, und es komplett anders aussehen zu lassen, ist unter Usability-Gesichtspunkten vielleicht nicht die beste Idee.

    
Brad Mace 06.11.2010, 03:33
quelle
3

Geben Sie im Click-Handler für die Verknüpfung false zurück, um die Standardaktion zu stoppen.

Ich würde auch einfach die Funktion click () verwenden, nicht live.

    
Hollister 06.11.2010 03:27
quelle
2

Ihr Klickereignis muss entweder false zurückgeben oder den Standardwert verhindern.

Wenn Sie AJAX verwenden, Asynchron , so dass Sie den Wert nicht zurückgeben, müssen Sie den Wert im vollständigen Callback finden.

Ссылка

    
zzzzBov 06.11.2010 03:29
quelle
1

So etwas kommt wahrscheinlich näher:

%Vor%

Der Schlüssel hier ist, dass die Rückgabe von false das Standardverhalten für die Verbindung verhindert. Wenn Sie eine zusätzliche Verarbeitung basierend auf den Ergebnissen des Posts durchführen müssen, tun Sie dies innerhalb einer Callback-Funktion. Es gibt keinen Grund, warum Sie nicht mehrere AJAX-Aufrufe innerhalb der an Ihre Anker gebundenen Funktion ausgeben können, aber Sie müssen sicherstellen, dass der Link auch nicht als Link fungiert.

    
g.d.d.c 06.11.2010 03:30
quelle
0

Ein kurzer Gedanke warum versuchen Sie nicht

& lt; button type="submit" class="footer" & gt; Anmeldung & lt; / button & gt;
anstelle von & lt; input type = submit & gt;

Dies gibt Ihnen die Flexibilität, Ihre Schaltfläche beliebig zu gestalten und Text zu haben. Außerdem müssen Sie nicht die ganze harte Arbeit an der Erstellung der benutzerdefinierten Schaltfläche und dem Zurücksetzen dieser Aufgabe erledigen.

Denk nur nach.

    
Pranav Kaushik 06.11.2010 03:40
quelle

Tags und Links