Visão geral
Gostaria de evitar copiar e colar nos seus formulários? Pode querer impedir que os seus visitantes copiem e colem qualquer coisa nos seus campos de formulário.
Neste artigo, vamos mostrar-lhe como pode utilizar um snippet personalizado para impedir que os seus visitantes colem qualquer coisa nos seus campos de formulário.
Nota: Se existirem opções no separador Avançadas activadas para o campo, este snippet pode não funcionar corretamente. Exemplos são os limites de texto ou caracteres nos campos de formulário Texto de linha única ou Parágrafo.
Adicionar o snippet
Basta adicionar este 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, só estamos a processar este snippet no formulário com um ID 2189. Terá de atualizar este ID do formulário para corresponder ao ID do seu formulário. Se precisar de ajuda para encontrar este ID, consulte este tutorial.
Quando um visitante entra no seu sítio e tenta colar nos campos do formulário, os campos permanecem vazios até o visitante escrever fisicamente no campo.
Perguntas mais frequentes
Estas são as respostas a algumas das principais perguntas sobre a desativação da funcionalidade de copiar e colar no WPForms.
E se eu quisesse fazer isso para todos os meus WPForms?
Se 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 impedir que se copie e cole no campo do Editor de Rich Text?
Utilizando o snippet acima, quando estiver no separador Texto do campo Editor de Rich Text, este será automaticamente desativado com o script. No entanto, quando estiver no separador Visual, uma vez que este é carregado através de um iFrame, o snippet para impedir a função de copiar e colar não funciona atualmente.
É isso mesmo! Conseguiu impedir que os utilizadores executem a função de copiar ou colar nos seus campos de formulário.
Em seguida, você gostaria de capitalizar entradas de formulário em seu site? Confira nosso tutorial para aprender como capitalizar entradas de campo de formulário no WPForms.
Relacionadas
Referência da ação: wpforms_wp_footer_end