Question

I’ve got a login form that looks something like this, using RichFaces and Seam:

<h:form id="loginForm">
   <h:outputLabel value="Username" />
   <h:inputText value="#{identity.credentials.username}" />
   <h:outputLabel value="Password" />
   <h:inputText value="#{identity.credentials.password}" />

   <h:commandLink action="#{identity.login()}" value="Login" />
</h:form>

I’d like to be able to allow the user to hit ‘enter’ and automatically submit the form to login. I’ve tried using Richfaces’ <rich:hotKey /> feature, but I think I’m doing something wrong. The code I’ve put in looks like this:

<rich:hotKey key="return"
   handler="#{rich:element('loginForm')}.submit()" />

However, when I hit enter inside the form, nothing happens. Any idea what I’m doing wrong here?

Answer 1

For all those still struggling with this issue, I’ve finally gotten something that works. My code now looks like this:

<h:form id="loginForm">
   <h:outputLabel value="Username" />
   <h:inputText value="#{identity.credentials.username}" />
   <h:outputLabel value="Password" />
   <h:inputText value="#{identity.credentials.password}" />

   <h:commandLink action="#{identity.login()}" value="Login" />
   <rich:hotKey key="return"
             handler="#{rich:element('loginForm')}.submit()" 
             selector="#loginForm"/>

</h:form>

You can also use a more specific selector so that an enter press only submits the form when the focus is on one of the form fields. Either way, this FINALLY solved my problem.