Verhindern von Kopieren und Einfügen in Ihrem Formular

Übersicht

Möchten Sie das Kopieren und Einfügen in Ihren Formularen verhindern? Sie möchten vielleicht verhindern, dass Ihre Besucher etwas in Ihre Formularfelder kopieren und einfügen.

In diesem Artikel zeigen wir Ihnen, wie Sie ein benutzerdefiniertes Snippet verwenden können, um zu verhindern, dass Ihre Besucher etwas in Ihre Formularfelder einfügen.

Hinzufügen des Snippets

Fügen Sie einfach dieses Snippet zu Ihrer Website hinzu. Wenn Sie wissen möchten, wo und wie Sie Snippets zu Ihrer Website hinzufügen können, lesen Sie bitte dieses 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 );

In dem Schnipsel verarbeiten wir nur diesen Schnipsel auf dem Formular mit einer ID 2189. Sie müssen diese Formular-ID aktualisieren, damit sie mit der ID Ihres Formulars übereinstimmt. Wenn Sie Hilfe benötigen, um diese ID zu finden, Bitte sehen Sie sich dieses Tutorial an.

Wenn ein Besucher auf Ihre Website kommt und versucht, in Ihre Formularfelder einzufügen, bleiben die Felder leer, bis der Besucher das Feld tatsächlich eingibt.

Häufig gestellte Fragen

Dies sind Antworten auf einige der wichtigsten Fragen über die Deaktivierung von Kopieren und Einfügen-Funktionalität in WPForms.

Was wäre, wenn ich dies für alle meine WPForms tun wollte?

Wenn Sie dies für alle Ihre WPForms erzwingen möchten, verwenden Sie stattdessen dieses 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 );

Kann ich ein Kopieren und Einfügen in das Feld des Rich Text Editors verhindern?

Wenn Sie das obige Snippet verwenden und sich auf der Registerkarte " Text" des Rich-Text-Editor-Feldes befinden, wird es automatisch mit dem Skript deaktiviert. Wenn Sie sich jedoch auf der Registerkarte "Visuell" befinden, da diese über einen iFrame geladen wird, funktioniert das Snippet zur Verhinderung der Funktion "Kopieren und Einfügen" derzeit nicht.

Das war's! Sie haben erfolgreich verhindert, dass Benutzer die Funktion Kopieren oder Einfügen in Ihren Formularfeldern ausführen.

Möchten Sie als nächstes Formulareingaben auf Ihrer Website großschreiben? Schauen Sie sich unser Tutorial an, um zu lernen, wie man Formularfeld-Eingaben in WPForms groß schreibt.

Verwandte Seiten

Referenz der Aktion: wpforms_wp_footer_end