Empêcher le copier-coller à l'intérieur du formulaire

Vue d'ensemble

Voulez-vous empêcher le copier-coller dans vos formulaires ? Vous souhaitez peut-être empêcher vos visiteurs de copier et de coller quoi que ce soit dans les champs de vos formulaires.

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

Ajout de l'extrait

Il vous suffit d'ajouter cet extrait à votre site. Si vous avez besoin d'aide pour savoir où et comment ajouter des snippets à 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, nous ne traitons cet extrait que sur le formulaire avec un ID 2189. Vous devrez mettre à jour l'identifiant de ce formulaire pour qu'il corresponde à l'identifiant de votre formulaire. Si vous avez besoin d'aide pour trouver cet identifiant, veuillez consulter ce tutoriel.

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

Questions fréquemment posées

Voici les réponses aux questions les plus fréquentes sur la désactivation de la fonctionnalité copier-coller dans WPForms.

Et si je voulais faire cela pour tous mes WPForms ?

Si vous souhaitez imposer cela à toutes vos WPForms, utilisez plutôt ce snippet.

/**
 * Prevent visitors from copying and pasting in your form fields
 *
 * @link https://wpforms.com/developers/hhow-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 un copier-coller dans le champ de l'éditeur de texte enrichi ?

En utilisant l'extrait ci-dessus, lorsque vous êtes sur l'onglet Texte du champ de l'éditeur de texte enrichi, il sera automatiquement désactivé par le script. Cependant, lorsque vous vous trouvez dans l'onglet Visuel, étant donné que celui-ci est chargé via une iFrame, l'extrait empêchant la fonction copier-coller ne fonctionne pas pour l'instant.

Vous avez réussi à empêcher les utilisateurs d'exécuter la fonction copier-coller dans les champs de votre formulaire. Vous avez réussi à empêcher les utilisateurs d'exécuter la fonction copier ou coller dans les champs de votre formulaire.

Ensuite, aimeriez-vous mettre en majuscules les entrées de formulaire sur votre site ? Consultez notre tutoriel pour apprendre à mettre en majuscules les champs de formulaire dans WPForms.

En rapport

Référence de l'action : wpforms_wp_footer_end