JSF Mit Enter ein Login bestätigen?

[JayGabriel]

Hallo,

ich hoffe, ihr könnt mir bei dem kleinen Problem helfen:

Ich möchte, dass der Login mit einem Enter nach der Passworteingabe bestätigt werden kann, wie als wenn man den Login-Button gedrückt hat. Am Anfang, bevor ich Apache Tiles eingebunden habe, funktionierte es, ohne, dass ich etwas anderes tun musste, doch nun klappt es nicht mehr.

Soweit ich weiß, wird beim Enter, wenn man nichts anderes angibt, immer der erste

<input type="submit"/>

auf der Seite angesprochen, das wär bei mir ein Menupunkt, doch der wird auch nicht angesprochen, da nichts passiert (mit Konsolenausgaben geprüft). Wenn ich mit Tab durch die einzelnen Elemente gehe, funktioniert es mit anschließendem Enterdürcken ebenfalls nur auf dem Button selbst und nicht im PW-Feld.

Wie kann ich es einrichten, dass das Enter erkannt wird und alle Funktionen, wie auch beim Login-Button aufgerufen werden? Action und ActionListener Attribute gibt es bei

inputSecret

Feldern nicht. Und Accesskey auf 13 setzten bringt auch nichts.

Einer meiner Ansätze war mit den "onkeyup" und Co Attribute zu arbeiten, doch bisher bin ich da zu keinem Ergebnis gekommen, da ich keine Ahnung habe, wie ich damit arbeiten soll.

Wenn ich im

inputSecret

Feld das Attribut

onkeyup="if(event.keyCode==13){loginController.login();}"

so setzte, passiert auch weiterhin nix. Augenscheinlich funktioniert das zumindest nicht.

Mein PW Feld:
[XML]<t:inputSecret id="passwordinput" value="#{loginController.password}">
<f:validator validatorId="de.webproject.test.validator.LoginValidator"/>
</t:inputSecret>[/XML]

Mein LoginButton:
[XML]<t:commandButton value="Anmelden" action="#{loginController.login}" actionListener="#{loginController.haveTo}" alt="Login">
<f:attribute name="pass_contr" value="#{passwordController}"/>
<f:attribute name="which_user" value="#{loginController.user}"/>
</t:commandButton>[/XML]

Kann mir einer von euch dabei weiter helfen?

Mfg
Jay

 

[Sym]

Seam bietet einen <s:defaultButton />, der Dir diese Arbeit abnehmen kann. Die lösen das über JavaScript. Ansonsten daran einfach mal orientieren.

 

[nocturne]

versuchmal:
java - Enter Key Press behave like Submit in JSF - Stack Overflow

 

[JayGabriel]

Danke für die schnellen Antworten:

@Sym: ich hab mal nach Seam gegooglet, aber das Einarbeiten dahingehend, dauert wohl noch etwas. Einen Tag <defaultButton> habe ich in der Tab-Referenze dort übrigens nicht gefunden, aber wahrscheinlich ist diese Seite nicht die richtige, um sich darüber zu informieren.

Hast du möglicherweise ein Beispiel oder eine Seite, wo mehr dazu steht?

@nocturne: dein "type=submit" hilft mir jetzt nicht wirklich weiter. Wo meinst du, soll ich das hinzufügen? Ein Attribut namens "type" gibt es beim "inputSecret" nicht und auch wenn ich meinen Login-Button dem Typ verpasse, passiert nichts, wenn ich nach der Passworteingabe Enter drück.

edit: Ja, auf der Seite bin ich auch schon gelandet, doch wirklich schlau werde ich nicht draus. Zum einen schreibt da einer, dass es beim "inputSecret" Feld nicht gehen würde. Und dann schreibt jemand, dass es mit einem weiteren nur versteckten Input gehen würde. Wobei ich da nicht wirklich den Sinn verstehe, oder was das ändern soll... ich habe ja mindestens zwei Input Felder auf meiner Seite... :bahnhof:

---

Ich habe es nun noch mit diversen anderen JavaScript Varianten versucht, bin da aber auch nicht wirklich vorwertsgekommen. Das einzige Blinzeln der Seite kommt, wenn ich

onkeyup="if(event.keyCode==13) {this.submit();}"

einfüge. Nur dann wird der Login-Validator zumindest ausgeführt. Aber es soll ja die Button-Funktionen aufrufen, aber mit

onkeyup="if(event.keyCode==13) {document.getElementById('btnlogin').click();}"

geht auch nix.

Da ich zwischendurch dachte, dass das "inputSecret" vielleicht da einen Strich durch die Rechnung macht, habe ich mal ein stinknormales "inputText" benutzt, mit dem gleichen nichtsbringenden Erfolg.

Jetzt bliebe noch die Möglichkeit mit dem 'versteckten' Input, nur habe ich keine Ahnung, was genau der Poster damit bezwecken will...

mfg
Jay

edit2: ich glaube, ich weiß, woran es liegt. Wenn ich es Schritt für Schritt ausprobiere, komme ich soweit, bis ich die ganze Sache mit der ID meines Buttons verbinden will. Und da haberts...
JSF generiert einen Rattenschwanz zu der ID hinzu (sieht im Quelltext so aus:

j_id_jsp_324710854_0pc6:btnLogin

). Wie bekomme ich ich diesen Rattenschwanz weg? Gibt es da eine Möglichkeit?

edit3: Ja, solch eine Möglichkeit gibt es Ich habs:

Mein PW Input musste nun so aussehen:
[XML]<t:inputSecret id="passwordinput" value="#{loginController.password}" onkeyup="if (event.keyCode == 13) document.getElementById('btnLogin').click();">[...][/XML]

Und mein Button:
[XML]<t:commandButton id="btnLogin" value="Anmelden" action="#{loginController.login}" actionListener="#{loginController.haveTo}" alt="Login" forceId="true">[/XML]

Wichtig halt, die ID des Buttons und das

forcedID="true"

setzen. Und dann die Abfrage nach Enter (KeyCode == 13) und dann der Zugriff auf das Element mit der entsprechenden ID und dann die Aktion, die ausgeführt werden soll bei diesem Element.

Tipp: ich bin Schritt für Schritt hingekommen, als ich mir mit dem

alert();

anzeigenlassen habe, was in den einzlenen Zugriffspunkten drin steht. Dort war im

document.getElementById('btnLogin')

"null" gewesen, und so bin ich auf diesen seltsamen "Rattenschwanz" bei den IDs aufmerksam geworden.