Evitar copiar y pegar en tu formulario

¿Te gustaría evitar copiar y pegar en tus formularios? Es posible que desees evitar que tus visitantes copien y peguen cualquier cosa en los campos de tu formulario.

En este artículo, te mostraremos cómo puedes usar un fragmento de código personalizado para evitar que tus visitantes peguen cualquier cosa en los campos de tu formulario.

Añadir el fragmento

Simplemente agrega este fragmento de código a tu sitio. Si necesitas ayuda sobre dónde y cómo agregar fragmentos de código a tu sitio, consulta 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 );

En el fragmento de código, solo estamos procesando este fragmento en el formulario con el ID 2189. Necesitarás actualizar este ID de formulario para que coincida con el ID de tu formulario. Si necesitas ayuda para encontrar este ID, consulta este tutorial.

Cuando un visitante llega a tu sitio e intenta pegar en los campos de tu formulario, los campos permanecerán vacíos hasta que el visitante escriba físicamente en el campo.

Preguntas frecuentes

Estas son las respuestas a algunas de las preguntas más frecuentes sobre la desactivación de la funcionalidad de copiar y pegar en WPForms.

¿Qué pasa si quiero hacer esto para todos mis WPForms?

Si deseas forzar esto en todos tus WPForms, usa este fragmento de código en su lugar.

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

¿Puedo evitar copiar y pegar en el campo Editor de texto enriquecido?

Usando el fragmento de código anterior, cuando estés en la pestaña Texto del campo Editor de texto enriquecido, se deshabilitará automáticamente con el script. Sin embargo, cuando estés en la pestaña Visual, dado que esto se carga a través de un iFrame, el fragmento de código para evitar la función de copiar y pegar actualmente no funciona.

¡Eso es todo! Has detenido con éxito que los usuarios realicen la función de copiar o pegar en los campos de tu formulario.

A continuación, ¿te gustaría capitalizar las entradas del formulario en tu sitio? Consulta nuestro tutorial para aprender cómo capitalizar las entradas de los campos del formulario en WPForms.

Relacionado

Referencia de acción: wpforms_wp_footer_end