0
votes

Formulaire de contact 7 Envoyez le formulaire une fois, bien que le client de plusieurs clics

Je dois contrôler le formulaire d'envoi, car le client donne de nombreux clics et le formulaire Envoyer plusieurs fois, j'essaie de bloquer le bouton Envoyer avec le premier clic, j'essaie ceci Méthode 1

    jQuery( ".wpcf7-submit " ).submit(function(){   
                    
        jQuery('input#form1').attr('disabled','disabled');
        
    });

jquery wordpress contact-form-7

0 commentaires

3 Réponses :

0
votes

Essayez de désactiver le bouton de clic:

jQuery( '.wpcf7-submit' ).on( 'click', function() {     
     jQuery( '.wpcf7-submit' ).attr( 'disabled', 'disabled' ); 
} );

2 commentaires

Bonjour Tony Djukic, j'essaie votre code mais, quand j'envoie le message, le formulaire ne fonctionne pas. ça arrête

Assurez-vous de cibler les bons identifiants et classes. Je ne peux pas voir votre HTML donc je ne suis pas tout à fait sûr que ce sont les éléments appropriés.

1
votes

Ceci est ma nouvelle méthode

jQuery(document).on('submit','form',function(){   
    jQuery('input#form1').attr('disabled','disabled');  
});

0 commentaires

1
votes

Vous pouvez le faire pour que les gens ne puissent pas soumettre le formulaire lorsque le "Spinner Ajax" est présent, en désactivant le clic du bouton.

// Prevent Multiple Clicks on Contact Form 7 Submissions
jQuery(document).on('click', '.wpcf7-submit', function(e){
     if( jQuery('.ajax-loader').hasClass('is-active') ) {
          e.preventDefault();
          return false;
     }
});

0 commentaires