JSF enter key not working to submit form when using p:commandLink

Question

I have the code below which is just an input box and an image for the p:commandLink. My problem is that when i press the enter key, the page is just refreshed and it doesn't get inside of my submit method. If i click the image instead of hitting the enter key, everything is fine. Also if i change the p:commandLink to a p:commandButton hitting the enter key works too, it's just that my image doesn't look right because a button is there.

How can i get the enter key to submit a form when i'm using a commandLink instead of a commandButton?

<h:form id="searchForm">
  <p:inputText id="searchBoxMember" value="#{searchBacking.anyWords}" />
  <p:watermark for="searchBoxMember" value="Search" />
  <p:commandLink styleClass="searchSubmitImage" ajax="false" action="#{searchBacking.submit}" />
</h:form>

This is more a HTML question than a JSF/Primefaces question. This can be rephrased as *I have a `
` with a link `` and when I hit the Enter key it just refreshes but never executes the code from the link. When switching the link to a button `` works as expected. How to make this work for a link as well as for a button?\*. — Luiggi Mendoza, Jul 11 '13 at 21:30
Now that you put it that way, is there a jsf component that uses `` rather than ` — Catfish, Jul 11 '13 at 21:35
@LuiggiMendoza I know but asked for a jsf component. Took his question literally. Now he has two options :) — Andy, Jul 12 '13 at 03:04
No it won't make a difference. So in the end will you use `` or `` for this? — Luiggi Mendoza, Jul 16 '13 at 14:27
The reason it's making a difference (or at least i think it makes a difference) is because when i use `p:commandButton`, it uses an actual html button, while the `p:commandLink` does not use a button. I can style a `p:commandLink` as an image, but when i use `p:commandButton` my image looks like it's on top of a button. — Catfish, Jul 16 '13 at 14:34
Does this answer your question? [Default action to execute when pressing enter in a form](https://stackoverflow.com/questions/5485851/default-action-to-execute-when-pressing-enter-in-a-form) — Jasper de Vries, Mar 07 '23 at 17:38

score 0 · Answer 1 · edited Mar 12 '23 at 09:28

0

In your field, you could try:

onKeyDown="if (event.keyCode == 13) {
  this.blur();
  setTimeout(function() {
      jquery or javascript code to target the link and issue a click event).click();
  }, 800);
}"

edited Mar 12 '23 at 09:28

Zach Jensz

3,650
5
15
30

answered Mar 07 '23 at 16:36

hexC0DE

1

JSF enter key not working to submit form when using p:commandLink

1 Answers1