Impedindo Copiar e Colar Dentro do Seu Formulário

Você gostaria de impedir a cópia e colagem em seus formulários? Você pode querer impedir que seus visitantes copiem e colem qualquer coisa nos campos do seu formulário.

Neste artigo, mostraremos como usar um snippet personalizado para impedir que seus visitantes colem qualquer coisa nos campos do seu formulário.

Adicionando o Snippet

Basta adicionar este snippet ao seu site. Se precisar de ajuda sobre onde e como adicionar snippets ao seu site, consulte este 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 );

No snippet, estamos processando este snippet apenas no formulário com o ID 2189. Você precisará atualizar este ID de formulário para corresponder ao ID do seu formulário. Se precisar de ajuda para encontrar este ID, consulte este tutorial.

Quando um visitante acessa seu site e tenta colar nos campos do seu formulário, os campos permanecerão vazios até que o visitante digite fisicamente no campo.

Perguntas Frequentes

Estas são as respostas para algumas das principais perguntas sobre como desabilitar a funcionalidade de copiar e colar no WPForms.

E se eu quisesse fazer isso para todos os meus WPForms?

Se você quiser forçar isso em todos os seus WPForms, use este snippet em vez disso.

/**
 * 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 impedir a cópia e colagem no campo Editor de Rich Text?

Usando o snippet acima, quando você estiver na guia Texto do campo Editor de Rich Text, ele será automaticamente desabilitado com o script. No entanto, quando estiver na guia Visual, como isso é carregado via iFrame, o snippet para impedir a função de copiar e colar atualmente não funciona.

É isso! Você parou com sucesso os usuários de executar a função de copiar ou colar em seus campos de formulário.

Em seguida, você gostaria de capitalizar as entradas do formulário em seu site? Confira nosso tutorial para saber como capitalizar as entradas dos campos do formulário no WPForms.

Relacionado

Referência de Ação: wpforms_wp_footer_end