Comment faire double-cliquez sur prévention dans JSF 2

je suis venu sur cette question, ayant le même problème. La solution n'a pas fonctionné pour moi - après un bref coup d'oeil sur les primefaces .js je suppose qu'ils n'utilisent pas jsf.ajax est encore là.

donc j'ai dû trouver quelque chose moi-même et voici ma solution, pour les gens qui ne peuvent pas utiliser celui ci-dessus:

// 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');

  }

};

vous pouvez utiliser les écouteurs 'onclick' et 'oncomplete'. Lorsque l'utilisateur clic sur le bouton désactiver. Lorsque l'action est terminée-activer.

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

très utile solution jsf primefaces, utilisé avec facelets modèle se propage à d'autres pages consommateurs

<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>

aucune des alternatives ci-dessus n'a fonctionné pour moi (j'ai vraiment essayé chacune d'entre elles). Mon formulaire a toujours été envoyé deux fois lorsque l'utilisateur double-cliqué le bouton de connexion. Je travaille avec JSF (Mojarra 2.1.6) sur Glassfish 3.1.2.

considère que c'était une page de connexion non-AJAX.

alors voici comment je l'ai résolu:

1. définissez une var globale JavaScript pour contrôler la submition dans l'en-tête de page ou n'importe où en dehors de votre formulaire:

var submitting = false;

2. est réglé à true lorsque soumettre h:form onsubmit événement est déclenché:

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

3. Vérifiez la valeur du var sur H: événement de clic de commandLink:

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

c'est juste une autre alternative simple et il a été testé dans Chrome [Version 47.0.2526.106 (64-bit)], Mozilla Firefox (37.0.2) et Internet Explorer 11. J'espère que c' aide à quelqu'un.

a fait un travail simple avec hide and show, fonctionne bien avec l'élément ayant le type d'entrée submit 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>