javascript - JS调用返回true后执行actionListener

Question

我有一个像这样的代码：

<p:commandButton actionListener="#{userLeaveBean.addAppliedLeave}" styleClass="apply_button" value="Create Leave" onclick="validateApplyLeave();">
    <f:attribute name="userId" value="#{employee.name}"/>
</p:commandButton>

在这里，我希望actionListener如果 javascript 验证返回 true 并且如果它返回 false，actionListener则不应该被触发。但是在这种情况下，在 java 脚本验证之后，即使返回的值为 false，也会actionListener触发。我该如何管理它？

提前致谢。

Answer 1

确保你的validateApplyLeave函数中有 return 语句并更改

onclick="validateApplyLeave();"

进入

onclick="return validateApplyLeave();"

---

此外，您可以更改

<p:commandButton actionListener="#{userLeaveBean.addAppliedLeave}" styleClass="apply_button" value="Create Leave" onclick="validateApplyLeave();">
    <f:attribute name="userId" value="#{employee.name}"/>
</p:commandButton>

进入

<p:commandButton action="#{userLeaveBean.addAppliedLeave(employee.name)}"
    styleClass="apply_button" value="Create Leave" 
    onclick="return validateApplyLeave();"/>