Visión general
¿Quiere evitar copiar y pegar en sus formularios? Puede que quieras evitar que tus visitantes copien y peguen cualquier cosa en los campos de tus formularios.
En este artículo, le mostraremos cómo puede utilizar un fragmento personalizado para evitar que sus visitantes peguen cualquier cosa en los campos del formulario.
Nota: Si hay alguna opción de la pestaña Avanzado activada para el campo, es posible que este fragmento no le funcione correctamente. Algunos ejemplos son los límites de texto o caracteres en los campos de formulario Texto de una línea o Párrafo.
Añadir el fragmento
Sólo tiene que añadir este fragmento a su sitio. Si necesitas ayuda sobre dónde y cómo añadir snippets 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, sólo estamos procesando este fragmento en el formulario con un ID 2189. Tendrá que actualizar este ID de formulario para que coincida con el ID de su formulario. Si necesita ayuda para encontrar este ID, consulte este tutorial.
Cuando un visitante llega a su sitio e intenta pegar en los campos de 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 cómo deshabilitar la funcionalidad de copiar y pegar en WPForms.
¿Y si quisiera hacer esto para todos mis WPForms?
Si desea forzar esto en todos sus WPForms, utilice este fragmento en su lugar.
/**
* 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 );
¿Puedo impedir que se copie y pegue en el campo Editor de texto enriquecido?
Utilizando el fragmento anterior, cuando se encuentre en la pestaña Texto del campo Editor de texto enriquecido, se desactivará automáticamente con el script. Sin embargo, cuando en la pestaña Visual, ya que esto se carga a través de un iFrame, el fragmento para evitar que la función de copiar y pegar no funciona actualmente.
Ya está. Ha conseguido evitar que los usuarios realicen la función de copiar o pegar en los campos de sus formularios.
A continuación, ¿le gustaría poner en mayúsculas las entradas de formulario en su sitio? Echa un vistazo a nuestro tutorial para aprender a capitalizar las entradas de campo de formulario en WPForms.
Relacionado
Acción de referencia: wpforms_wp_footer_end