Cómo hacer la prevención de doble clic en JSF 2

Me encontré con esta pregunta, teniendo el mismo problema. La solución no funcionó para mí - después de un breve vistazo a primefaces.js supongo que no usan jsf.ajax ya está ahí.

Así que tuve que resolver algo yo mismo y aquí está mi solución, para las personas que tampoco pueden usar la anterior:

// we override the default send function of
// primeFaces here, so we can disable a button after a click
// and enable it again after     

var primeFacesOriginalSendFunction = PrimeFaces.ajax.AjaxUtils.send;

PrimeFaces.ajax.AjaxUtils.send = function(cfg){    
  var callSource = '';

  // if not string, the caller is a process - in this case we do not interfere

  if(typeof(cfg.source) == 'string') {

    callSource = jQuery('#' + cfg.source);
    callSource.attr('disabled', 'disabled');

  }



  // in each case call original send
  primeFacesOriginalSendFunction(cfg);

  // if we disabled the button - enable it again
  if(callSource != '') {

    callSource.attr('disabled', 'enabled');

  }

};

Puede usar los oyentes 'onclick' y 'oncomplete'. Cuando el usuario haga clic en el botón - deshabilitarlo. Cuando se completa la acción-habilitar.

<p:commandButton id="saveBtn" onclick="$('#saveBtn').attr('disabled',true);" oncomplete="$('#saveBtn').attr('disabled',false);" actionListener="#{myBean.save}" />

Solución muy útil jsf-primefaces, utilizado con la plantilla facelets se extiende a otras páginas consumidores

<f:view>
    <Script language="javascript">
        function checkKeyCode(evt)
        {
            var evt = (evt) ? evt : ((event) ? event : null);
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
            if(event.keyCode==116)
            {
                evt.keyCode=0;
                return false
            }
        }
        document.onkeydown=checkKeyCode;

        function handleDisableButton(data) {
            if (data.source.type != "submit") {
                return;
            }

            switch (data.status) {
                case "begin":
                    data.source.disabled = true;
                    break;
                case "complete":
                    data.source.disabled = false;
                    break;
            }    
        }
        jsf.ajax.addOnEvent(handleDisableButton);
    </Script>

</f:view>

<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
    <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
    <title>infoColegios - Bienvenido al Sistema de Administracion</title>
</h:head>

<h:body onload="#{login.validaDatos(e)}">
    <p:layout fullPage="true">

        <p:layoutUnit position="north" size="120" resizable="false" closable="false" collapsible="false">                   
            <p:graphicImage value="./resources/images/descarga.jpg" title="imagen"/> 
            <h:outputText value="InfoColegios - Bienvenido al Sistema de Administracion" style="font-size: large; color: #045491; font-weight: bold"></h:outputText>                    
        </p:layoutUnit>

        <p:layoutUnit position="west" size="175" header="Nuestra Institución" collapsible="true" effect="drop" effectSpeed="">
            <p:menu> 
                <p:submenu>
                    <p:menuitem value="Quienes Somos" url="http://www.primefaces.org/showcase-labs/ui/home.jsf" />

                </p:submenu>
            </p:menu>
        </p:layoutUnit>

        <p:layoutUnit position="center">
            <ui:insert name="content">Content</ui:insert>
        </p:layoutUnit>

    </p:layout>
</h:body>

Ninguna de las alternativas anteriores ha funcionado para mí (realmente he probado cada una de ellas). Mi formulario siempre fue enviado dos veces cuando el usuario hizo doble clic en el botón de inicio de sesión. Estoy trabajando con JSF (Mojarra 2.1.6) en Glassfish 3.1.2.

Considere que era una página de inicio de sesión no AJAX.

Así que esta es la forma en que lo resolví:

1. defina una var global de JavaScript para controlar la sumisión en el encabezado de la página o en cualquier lugar fuera de su formulario:

var submitting = false;

1. póngalo en true cuando enviar h:form se dispara el eventosububmit:

<h:form onsubmit="submitting = true">

1. Compruebe el valor del var en el evento de clic de h: commandLink:

<h:commandLink ... onclick="if(submitting){return false}">

Esta es solo otra alternativa simple y se probó en Chrome [Versión 47.0.2526.106 (64-bit)], Mozilla Firefox (37.0.2) e Internet Explorer 11. Espero que ayude a alguien.

Hizo un trabajo simple con ocultar y mostrar, funciona bien con el elemento que tiene el tipo de entrada enviar Jquery

$(":submit").click(function (event) {
        // add exception to class skipDisable 
        if (!$(this).hasClass("skipDisable")) {
            $(this).hide();
			$(this).after("<input type='submit' value='"+$(this).val()+"' disabled='disabled'/>");
        }
    });
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <form>
        <input type="submit" value="hello">
        </form>