Empêcher la copie et le collage à l'intérieur de votre formulaire

Souhaitez-vous empêcher la copie et le collage dans vos formulaires ? Vous pourriez vouloir empêcher vos visiteurs de copier et coller quoi que ce soit dans les champs de votre formulaire.

Dans cet article, nous vous montrerons comment utiliser un extrait de code personnalisé pour empêcher vos visiteurs de coller quoi que ce soit dans les champs de votre formulaire.

Ajout de l'extrait

Ajoutez simplement cet extrait de code à votre site. Si vous avez besoin d'aide pour savoir où et comment ajouter des extraits de code à votre site, veuillez consulter ce tutoriel.

/**
 * Prevent visitors from copying and pasting in your form fields
 *
 * @link https://wpforms.com/developers/how-to-prevent-copy-and-paste-inside-your-form/
 */
   
function wpf_dev_prevent_copy_paste( ) {
?>
  
    <script type="text/javascript">
 
    jQuery(document).ready(function () {
         
        // Update the form ID to match your own form ID
        jQuery( 'form#wpforms-form-2189' ).on( 'copy paste', function (e) { e.preventDefault(); } );
         
    });
 
    </script>
  
<?php
}
  
add_action( 'wpforms_wp_footer_end', 'wpf_dev_prevent_copy_paste', 30 );

Dans l'extrait de code, nous traitons cet extrait de code uniquement sur le formulaire avec l'ID 2189. Vous devrez mettre à jour cet ID de formulaire pour qu'il corresponde à l'ID de votre formulaire. Si vous avez besoin d'aide pour trouver cet ID, veuillez consulter ce tutoriel.

Lorsqu'un visiteur arrive sur votre site et essaie de coller dans les champs de votre formulaire, les champs resteront vides jusqu'à ce que le visiteur tape physiquement dans le champ.

Questions fréquemment posées

Voici les réponses à certaines des questions les plus fréquentes concernant la désactivation de la fonctionnalité de copier-coller dans WPForms.

Et si je voulais faire cela pour tous mes WPForms ?

Si vous souhaitez forcer cela sur tous vos WPForms, utilisez plutôt cet extrait de code.

/**
 * Prevent visitors from copying and pasting in your form fields
 *
 * @link https://wpforms.com/developers/how-to-prevent-copy-and-paste-inside-your-form/
 */
   
function wpf_dev_prevent_copy_paste( ) {
?>
  
    <script type="text/javascript">
 
    jQuery(document).ready(function () {
         
        // Update the form ID to match your own form ID
        jQuery( '.wpforms-container' ).on( 'copy paste', function (e) { e.preventDefault(); } );
         
    });
 
    </script>
  
<?php
}
  
add_action( 'wpforms_wp_footer_end', 'wpf_dev_prevent_copy_paste', 30 );

Puis-je empêcher la copie et le collage dans le champ Éditeur de texte enrichi ?

En utilisant l'extrait de code ci-dessus, lorsque vous êtes dans l'onglet Texte du champ Éditeur de texte enrichi, il sera automatiquement désactivé avec le script. Cependant, lorsque vous êtes dans l'onglet Visuel, comme celui-ci est chargé via un iFrame, le script pour empêcher la fonction copier-coller ne fonctionne pas actuellement.

C'est tout ! Vous avez réussi à empêcher les utilisateurs d'effectuer la fonction copier ou coller dans les champs de votre formulaire.

Ensuite, souhaitez-vous mettre en majuscules les saisies du formulaire sur votre site ? Consultez notre tutoriel pour apprendre comment mettre en majuscules les saisies des champs de formulaire dans WPForms.

Articles associés

Référence d’action : wpforms_wp_footer_end