Prevenzione del copia e incolla all'interno del modulo

Panoramica

Volete impedire il copia e incolla nei vostri moduli? Potreste voler impedire ai vostri visitatori di copiare e incollare qualsiasi cosa nei campi dei vostri moduli.

In questo articolo vi mostreremo come utilizzare uno snippet personalizzato per impedire ai visitatori di incollare qualsiasi cosa nei campi dei moduli.

Aggiunta dello snippet

Basta aggiungere questo snippet al vostro sito. Se avete bisogno di assistenza su dove e come aggiungere gli snippet al vostro sito, consultate questo tutorial.

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

Nello snippet, si elabora solo questo snippet nel form con un ID 2189. È necessario aggiornare l'ID del modulo in modo che corrisponda a quello del proprio modulo. Se avete bisogno di assistenza per trovare questo ID, consultate questa esercitazione.

Quando un visitatore arriva sul vostro sito e cerca di incollare nei campi del vostro modulo, i campi rimangono vuoti finché il visitatore non digita fisicamente nel campo.

Domande frequenti

Queste sono le risposte ad alcune delle domande più frequenti sulla disabilitazione della funzionalità di copia e incolla in WPForms.

E se volessi fare questo per tutti i miei WPForm?

Se si desidera forzare questo comportamento su tutti i WPForm, utilizzare invece questo 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 );

Posso evitare un copia e incolla nel campo dell'editor di testo?

Utilizzando lo snippet di cui sopra, quando ci si trova nella scheda Testo del campo Rich Text Editor, questo verrà automaticamente disabilitato con lo script. Tuttavia, quando ci si trova nella scheda Visual, poiché questa viene caricata tramite un iFrame, lo snippet per impedire la funzione di copia e incolla non funziona attualmente.

Ecco fatto! Avete impedito agli utenti di eseguire la funzione di copia e incolla nei vostri campi modulo.

Volete poi scrivere in maiuscolo gli input dei moduli sul vostro sito? Consultate il nostro tutorial per imparare a scrivere in maiuscolo i campi dei moduli in WPForms.

Correlato

Riferimento azione: wpforms_wp_footer_end