Bei Enter Submit zu gewünschten Inputfeld

[hotti]

hi,

Ist-Stand: Es gibt ein Formular mit drei Inputfeldern und drei Submit-Buttons. Ist der Cursor im ersten Inputfeld und wird Enter gedrückt, wird der erste Submitbutton 'angezogen', das tut (nur im Fall erster Input).

Soll (Kundenwunsch): Wenn der Cursor im zweiten Inputfeld ist, soll bei 'Enter' der zweite Submitbutton greifen. Und auch: Cursor im dritten Inputfeld, 'Enter', dritter Submitbutton.

Gibt es eine Möglichkeit, das irgendwie zuzuordnen? Das Gefummel mit der Maus nervt ;)

Eine Browserseitige Lösung wäre OK.

Bitte mal um Hinweise,
Hotti

[suit]

Eine Browserseitige Lösung wäre OK.

Da jedes Formularfeld offenbar zu einem Submitbutton gehört: was ist mit drei Formularen?

[Felix Riesterer]

Lieber hotti,

wenn ein Formular mehrere submit-Buttons hat, dann ist es Sache der Browser, welcher Button (und ob überhaupt einer) beim Betätigen der Enter-Taste ausgelöst wird.

Eine mögliche (Teil-)Lösung Deines Problems wäre mit JavaScript zu erreichen, indem das Abschicken mit der Enter-Taste blockiert wird und nur das explizite Betätigen eines der Buttons das Formular tatsächlich abschickt.

<form action="..." method="..." onsubmit="return false">  
    ...  
    <input  
        name="..."  
        value="..."  
        type="submit"  
        onclick="this.form.onsubmit=false"  
        keydown="this.form.onsubmit=false"  
    />  
    ...  
</form>

Ohne JavaScript ist das natürlich keine Lösung.

Liebe Grüße,

Felix Riesterer.

[suit]

Eine mögliche (Teil-)Lösung Deines Problems wäre mit JavaScript zu erreichen, indem das Abschicken mit der Enter-Taste blockiert wird und nur das explizite Betätigen eines der Buttons das Formular tatsächlich abschickt.

Lost da nicht sowieso immer das submit-Event aus, egal ob man mit Tastatur oder Klick absendet?

Wenn ja kann man ja einfach das Event allgemein abfangen, dann auswerten wo grade der focus liegt und einfach ein "click" auf den richtigen Button ausführen.