如何禁用提交按钮，直到按下其他按钮？

Question

我有一个简单的 JSF 表单：

<h:form>
   <h:inputText value="#{textBean.firstName}"/>
   <h:inputText value="#{textBean.lastName}"/>
   <h:commandButton value="confirm" action="textBean.confirm"/>
   <h:commandButton value="submit" action="textBean.submit"/>
</h:form>

在单击“提交”之前，用户必须按“确认”按钮。否则，“提交”按钮旁边会显示错误消息。如果没有预先按下确认，用户无法单击提交按钮。在UI的一层上做是非常可取的。有些人可能会对此提出一些建议？

Answer 1

您可能想要更改逻辑，以便在单击提交按钮时向用户显示确认对话框。像这样简单的事情：

<h:form>
   <h:inputText value="#{textBean.firstName}"/>
   <h:inputText value="#{textBean.lastName}"/>
   <h:commandButton value="submit" action="#{textBean.submit}" onclick="return confirm('Confirm form submit?');"/>
</h:form>

否则，如果您想获得上述行为，您可以禁用/隐藏提交按钮，直到用户单击确认按钮，例如：

<h:form>
   <h:inputText value="#{textBean.firstName}"/>
   <h:inputText value="#{textBean.lastName}"/>
   <h:commandButton value="confirm" action="#{textBean.confirm}"/>
   <h:commandButton value="submit" action="#{textBean.submit}" disabled="#{textBean.btnDisabled}"/>
</h:form>

如果您想隐藏，可以将禁用属性替换为渲染属性按钮。它需要一个布尔值。可以在确认方法中将此布尔变量设置为 true，以便在请求返回时启用该按钮。