Formular mittels JS / jQuery submit() absenden

[bird]

Besteht die Möglichkeit, ein Formular aus dem Formulargenerator mittels JS / jQuery abzusenden, sobald ein bestimmter Trigger ausgelöst wird? In meinem Fall soll das Formular mehrere definierte Parameter per POST an eine zweite Seite weiterleiten. Anstatt den Prozess mittels Button abzuschließen, soll das möglichst direkt durch die letzte Klick-Aktion erfolgen. Wenn ich mittels jQuery etwas in der Art:

$("#meinElement").click(function() {
      	 $("form").submit();
    });

hinterlege, funktioniert die Weiterleitung nicht. Besteht eine Möglichkeit, um das im Rahmen der Formular- und Sicherheitslogik von Contao umzusetzen?

[cliffparnitzky]

Funktioniert denn generell das abfangen des Click bzw. das Submitten der Form?

[bird]

Funktioniert denn generell das abfangen des Click bzw. das Submitten der Form?

Das submit() scheint eingeschränkt zu funktionieren, dieses führt allerdings nur zu einem Relaod des Formulars ohne Übermittlung der Daten.
Sende ich das Formular manuell per Button ab und wiederhole den Vorgang direkt, dann funktioniert das submit() auch per jQuery inkl. Datenübermittlung und Weiterleitung.

Vermutlich werden durch den manuellen Klick Session, Token etc. entsprechend verarbeitet, was durch die JS-Funtkion allein nicht möglich ist.
Daher bleibt die Frage, ob sich das irgendwie technisch realisieren lässt.

[Spooky]

Das sollte nicht so sein. Das einzige was bei einem Submit per JavasScript nicht mitgeschickt wird, ist der Wert des Buttons (weil du ja keinen Button klickst). Alles andere sollte exakt gleich sein.

[bird]

Das sollte nicht so sein. Das einzige was bei einem Submit per JavasScript nicht mitgeschickt wird, ist der Wert des Buttons (weil du ja keinen Button klickst). Alles andere sollte exakt gleich sein.

Vielen Dank für den Hinweis - da beißen sich anscheinend die Option "Pflichtfeld" sowie die Übermittlung per JS bei dem letzten Radio-Button-Container im Formular, welcher als Trigger fungiert.
Wie kann ich erreichen, dass der Container als Trigger funktioniert und den Wert übergibt?

[Spooky]

Ich verstehe nicht was du mit "Trigger" meinst. Poste einen Link zum Formular.

[bird]

Mit Trigger meine ich, dass dieses Feld in der JS-Funktion genutzt wird. Wenn ich mehrere Radio-Container habe und eine Auswahl im letzten Container soll die Funktion aufrufen, dann wird der Wert aus diesem Container nicht übermittelt.

<form>
...
<fieldset id="ctrl_1">
 <input type="radio" name="opt1-1" value="opt1-1"><label>Option 1</label>
 <input type="radio" name="opt1-2" value="opt1-2"><label>Option 2</label>
</fieldset>
...
<fieldset id="ctrl_2">
 <input type="radio" name="opt2-1" value="opt2-1"><label>Option 1</label>
 <input type="radio" name="opt2-2" value="opt2-2"><label>Option 2</label>
</fieldset>
</form>

$("#ctrl_2 input").click(function() {
    $("form").submit();
});

Liefert auf der Zielseite per POST nur die opt1-X Werte, ich benötige dort aber auch die opt2-X Werte.

[Spooky]

click ist vermutlich das falsche Event. Du musst wenn dann change nutzen.

- - - Aktualisiert - - -

Moderation: Thema verschoben, da es eine allgemein Frage bzgl. HTML Formulare und JavaScript ist und nichts direkt mit Contao zu tun hat.

[bird]

[QUOTE=Spooky;569727]click ist vermutlich das falsche Event. Du musst wenn dann change nutzen.


Manchmal sind es die Kleinigkeiten ... ich hatte zuerst die Labels als Trigger angesteuert, weshalb onchange() nicht funktioniert hat. In der Kombination input und onchange() funktioniert es jetzt wie gewünscht.
Vielen Dank!