Impedire Copia e Incolla nel Tuo Modulo

Vuoi impedire copia e incolla nei tuoi moduli? Potresti voler impedire ai tuoi visitatori di copiare e incollare qualsiasi cosa nei campi del tuo modulo.

In questo articolo, ti mostreremo come utilizzare uno snippet personalizzato per impedire ai tuoi visitatori di incollare qualsiasi cosa nei campi del tuo modulo.

Aggiunta dello Snippet

Aggiungi semplicemente questo snippet al tuo sito. Se hai bisogno di assistenza su dove e come aggiungere snippet al tuo sito, dai un'occhiata a 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, stiamo elaborando questo snippet solo sul modulo con ID 2189. Dovrai aggiornare questo ID modulo per corrispondere all'ID del tuo modulo. Se hai bisogno di assistenza per trovare questo ID, dai un'occhiata a questo tutorial.

Quando un visitatore arriva sul tuo sito e tenta di incollare nei campi del tuo modulo, i campi rimarranno vuoti finché il visitatore non digiterà fisicamente nel campo.

Domande frequenti

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

E se volessi fare questo per tutti i miei WPForms?

Se desideri forzare questo su tutti i tuoi WPForms, usa invece questo snippet.

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

Posso impedire copia e incolla nel campo Editor di testo avanzato?

Utilizzando lo snippet sopra, quando sei nella scheda Testo del campo Editor di testo avanzato, verrà automaticamente disabilitato con lo script. Tuttavia, quando sei nella scheda Visualizza, poiché questo viene caricato tramite un iFrame, lo snippet per impedire la funzione copia e incolla attualmente non funziona.

Fatto! Hai impedito con successo agli utenti di eseguire la funzione copia o incolla nei campi del tuo modulo.

Successivamente, vuoi capitalizzare gli input del modulo sul tuo sito? Dai un'occhiata al nostro tutorial per imparare come capitalizzare gli input dei campi modulo in WPForms.

Correlati

Riferimento Azione: wpforms_wp_footer_end