Bestätigen übereinstimmender Feldwerte in WPForms

Möchten Sie überprüfen, ob Benutzer dieselben Informationen in zwei verschiedene Felder eingeben? WPForms enthält zwar eine integrierte E-Mail-Bestätigung, aber Sie können diese Funktionalität auch auf andere Feldtypen wie Telefon, Adresse oder jedes andere Feld, in dem Sie die Benutzereingabe bestätigen müssen, ausweiten.

Dieser Leitfaden zeigt Ihnen, wie Sie die Feldvergleichsüberprüfung mit einem einfachen Codeschnipsel implementieren können.

Wenn Sie speziell an einer E-Mail-Bestätigung interessiert sind, können Sie diese direkt in der Formularerstellung ohne Code einrichten, indem Sie unserer Anleitung zur E-Mail-Bestätigung folgen.

Einrichten des Formulars

Erstellen Sie zunächst ein neues Formular oder bearbeiten Sie ein vorhandenes Formular. In diesem Beispiel erstellen wir ein Formular mit zwei Telefonfeldern, um die Feldvergleichsüberprüfung zu demonstrieren. Im ersten Feld wird die Telefonnummer erfasst, das zweite Feld dient der Bestätigung.

Wenn Sie Hilfe beim Erstellen eines neuen Formulars benötigen, lesen Sie bitte unseren Leitfaden zum Erstellen Ihres ersten Formulars.

Hinzufügen des Codeschnipsels

Als Nächstes müssen Sie das Code-Snippet hinzufügen, das die Feldvergleichsüberprüfung durchführt. Wenn Sie nicht sicher sind, wo Sie Ihrer Website benutzerdefinierten Code hinzufügen können, lesen Sie bitte unsere Anleitung zum Hinzufügen von benutzerdefiniertem Code.

Der folgende Ausschnitt vergleicht zwei Telefonfelder und gibt eine Fehlermeldung aus, wenn sie nicht übereinstimmen:

Sie müssen drei Schlüsselwerte im Code anpassen:

  1. Auf Zeile 10ersetzen 1000 mit Ihrer Formular-ID
  2. Auf Zeile 15ersetzen 3 mit Ihrer ersten Telefonfeld-ID
  3. Auf Zeile 18ersetzen 4 mit Ihrer zweiten Telefonfeld-ID

Wenn Sie Hilfe bei der Suche nach Ihren Formular- und Feld-IDs benötigen, lesen Sie bitte unseren Leitfaden zur Suche nach Formular- und Feld-IDs.

Wenn Sie Telefonfelder verwenden, müssen Sie möglicherweise das Muster auf Zeile 21 ($pattern = '/^\d{10}$/';), um verschiedene Rufnummernformate zu berücksichtigen, insbesondere für internationale Nummern oder benutzerdefinierte Formate. Das aktuelle Muster erwartet genau 10 Ziffern.

Und das war's! Durch die Verwendung von Feldvergleichen können Sie sicherstellen, dass die in Ihre Formulare eingegebenen Daten überprüft werden. Möchten Sie die Schaltfläche " Senden" bedingt anzeigen? Werfen Sie einen Blick auf unser Tutorial über die bedingte Anzeige der Schaltfläche "Senden".

Referenz Aktion

wpforms_process