Live-Zählung der Wiederholerfelder in Ihrem Formular anzeigen

Möchten Sie live anzeigen, wie viele Wiederholfeldzeilen zu Ihrem Formular hinzugefügt wurden? Dies kann nützlich sein, wenn Sie möchten, dass die Benutzer sehen, wie viele Elemente sie eingegeben haben, insbesondere in Szenarien wie dem Hinzufügen von Namen, Aufgaben oder Produktelementen.

In diesem Tutorial zeigen wir Ihnen, wie Sie mit einem einfachen PHP-Snippet ein "Count"-Feld automatisch und in Echtzeit aktualisieren können.

Hinweis: In diesem Tutorial werden sowohl PHP als auch JavaScript hinzugefügt. Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, lesen Sie bitte diese Anleitung zum Hinzufügen von benutzerdefiniertem Code für WPForms.

Ihr Formular erstellen

Erstellen Sie zunächst Ihr Formular und fügen Sie ein Wiederholfeld sowie ein einzeiliges Textfeld mit der Bezeichnung "Count" ein. Dieses Feld wird automatisch aktualisiert und sollte vom Benutzer nicht manuell ausgefüllt werden.

Wenn Sie Hilfe bei der Erstellung eines Formulars benötigen, lesen Sie unser Tutorial zur Erstellung Ihres ersten Formulars.

Hinzufügen des Codeschnipsels

Verwenden Sie das folgende Snippet, um die Live-Count-Funktion in Ihrem Formular zu aktivieren.

Anpassen des Codeschnipsels

Sie müssen die folgenden IDs im Snippet aktualisieren, damit sie mit Ihrem eigenen Formular übereinstimmen:

  • wpforms-5410-field_1-container: Ersetzen Sie 5410 mit Ihrem aktuellen Formular-ID und field_1 mit Ihrem Repeater Feld ID.
  • wpforms-5410-field_3: Ersetzen Sie field_3 mit Ihrem Anzahl Feld-ID.

Wie Sie Ihre Formular- und Feld-IDs finden können, erfahren Sie in diesem Tutorial.

Sobald dieses Snippet hinzugefügt und die IDs aktualisiert wurden, wird das Feld Count automatisch aktualisiert, wenn Benutzer Zeilen zum Repeater hinzufügen oder aus ihm entfernen.

Und das war's! Sie haben nun einen dynamischen Zähler zu Ihrem Wiederholungsfeld hinzugefügt, der den Nutzern einen klaren Überblick über die Anzahl ihrer Einträge gibt.