Esta questão já tem uma resposta aqui:

Eu tenho uma tag de script simples com uma função que incluo na parte inferior do corpo do html. Este script simplesmente desativa um botão de envio. Eu então tenho umonclick evento que chama a função.

Eu tenho esse código em 5 páginas diferentes e funciona em 3 dos cinco.

Aqui está o código:

<!-- more non-important html -->

<h:commandButton id="buttonToDisable" 
    value="some text"
    action="#{myBean.myBeansAction}" 
    actionListener="#{myBean.myBeansActionListener}" 
    onclick="disableButton()">

    <!-- I also have an f:param in some of these pages but I didn't 
    think that would matter -->

</h:commandButton>

<!--  more non-important html -->

<script>
    function disabledButton() {
        document.getElementById("myForm:buttonToDisable").disabled = 'true';
    }
</script>

Qualquer ajuda seria muito apreciada. As únicas diferenças entre as páginas que fazem e não funcionam é que oaction eactionListeners são diferentes tipos de feijão e alguns têmf:params e outros não.