Eddy Eddy - 1 month ago 16
HTML Question

Submit form with primefaces widgets on enter

I need to have my

primefaces
p:commandLink
submit a
h:form
when the user presses the
enter
key.

I tried the solutions suggested here and in a couple of other places. I also tried the
primefaces
defaultCommand
. No matter what I try, the browser seems to notice the button press, but the
action
is not performed.

These are my form's widgets:

<p:autoComplete id="acSimple" value="#{home.searchKeywords}" completeMethod="#{home.completeText}" style="" />
<p:commandLink id="srchbutton" action="#{home.goToSearchResults}" onclick=" $('.prgrs').show();">
<h:graphicImage id="srch" name="images/searchbutton.jpg" class="img-responsive" style="display: inline-block; margin-left:0px; margin-bottom:-0px;" />
</p:commandLink>
<p:defaultCommand target="srchbutton" />

Answer

<h:form onkeypress="if (event.keyCode == 13) { document.getElementById('form:srchbutton').click(); return false; }">

Make sure your real id of link is "form:srchbutton" or put whatever it is. You can use developer tools or firebug to find it out.