Enter 键按下的行为类似于 JSF 中的提交

Question

如何使 Enter 键按下的行为类似于 JSF 中的提交。它与输入框一起使用；但不适用于输入秘密框

Answer 1

我以前没见过这个问题。此行为不太可能是特定于浏览器的。尝试在不同类型的浏览器中排除其中一种或另一种（IE6/7/8、FF、Safari、Chrome 等）。更有可能的是，这是由（糟糕的）Javascript 键事件侦听器引起的，它错误地抑制了 Enter 键（例如检查输入字符的 JS 密码验证器）。

如果仍然无效，只需将以下 onkeypress 添加到 h:form 即可：

<h:form onkeypress="if (event.keyCode == 13) this.submit();">

但是，您需要考虑文本区域。如果您有它们，那么您需要自己复制文本区域的 h:inputXXX 元素上的所有 onkeypress 事件。

Answer 2

如果你想按 ENTER 键而不是以任何形式提交，我们在这里要做的就是在 af:form 标签中添加 defaultcommand 属性，并给出提交按钮的 id 作为值。示例代码片段是

<af:form id="f1" defaultCommand="cb1">
<af:outputText value="User Name" id="usename"/>
          <af:inputText value="#{BackingBean.userName}" id="uname" />
          <af:outputText value="Password" id="pword"/>
          <af:inputText value="#{BackingBean.password}" id="paword" secret="true"/>
          <af:commandButton text="Submit" action="#{BackingBean.method}" id="cb1" />
</af:form> 

Answer 3

我通过放置一个额外的 inputBox 并使用 javascript 隐藏它来使其工作。如果您有任何其他建议，请告诉我
感谢 baluC 为我指明了正确的方向
杰瑞

Answer 4

使用 jsf 2 进行测试。 put:

<h:commandButton id="hidden" style="visibility: hidden;" action="#{mybean.myaction()}" />

在您的表单中

Answer 5

从 ComputerPilot 的回答中，我了解到这是 IE 中的错误，如果只有一个输入元素，则不会使父表单提交。为了解决这个问题，我又添加了一个带有属性 style="display:none" 的输入框，它工作得很好。

Answer 6

我的脑海中突然浮现出一个旧的规范。如果您的表单仅包含一个输入字段，则通过 enter 键提交的行为在某些版本的 Internet Explorer 中不起作用。最简单的解决方法是确保您有多个输入字段。

此问题的其他原因包括...

• 没有提交类型的输入
• 具有提交类型的输入，但它在页面上不可见（隐藏或位于页面外）

此行为非常特定于此浏览器。

^{此处的 MS 错误报告：connect.microsoft.com：提交按钮值未随表单提交一起发布}