在jsf中禁用命令按钮

Question

我有一个jsf表单，其中有一个命令Button，当用户点击它时我将禁用它以防止重新提交表单。

以下是commandButton代码：

<h:commandButton id="loginbtn" value="Sign in" action="#{loginBean.login()}"class="btn-myForm" onclick="myFunction()">
<f:ajax execute="@form" render="@form" />
</h:commandButton>

这是[{1}}形式的myFunction()脚本：

jsf

但是当我点击按钮时，<script> function myFunction() { document.getElementById("loginbtn").disabled = true; } </script> 没有触发。