Como evitar copiar e colar em seu formulário

Visão geral

Gostaria de evitar copiar e colar em seus formulários? Talvez você queira impedir que seus visitantes copiem e colem qualquer coisa nos campos do formulário.

Neste artigo, mostraremos como você pode usar um snippet personalizado para impedir que os visitantes colem qualquer coisa nos campos do formulário.

Adicionando o snippet

Basta adicionar esse snippet ao seu site. Se precisar de ajuda para saber 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 esse snippet apenas no formulário com um ID 2189. Você precisará atualizar esse ID do formulário para que corresponda ao ID do seu formulário. Se precisar de ajuda para encontrar esse ID, Dê uma olhada neste tutorial.

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

Perguntas frequentes

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

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

Se você quiser forçar isso em todos os seus WPForms, use este 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 evitar copiar e colar no campo do Rich Text Editor?

Usando o snippet acima, quando você estiver na guia Texto do campo Rich Text Editor, ele será automaticamente desativado com o script. Entretanto, quando estiver na guia Visual, como ela é carregada por meio de um iFrame, o snippet para impedir a função de copiar e colar não funciona no momento.

É isso aí! Você conseguiu impedir que os usuários executem a função de copiar ou colar nos campos do formulário.

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

Relacionado

Referência da ação: wpforms_wp_footer_end