Anzeigen einer Live-Anzahl von Wiederholungsfeldern in Ihrem Formular

Möchten Sie eine Live-Anzeige der Anzahl der Zeilen im Wiederholungsfeld, die Ihrem Formular hinzugefügt wurden, anzeigen? Dies kann nützlich sein, wenn Benutzer sehen sollen, wie viele Elemente sie eingegeben haben, insbesondere in Szenarien wie dem Hinzufügen von Namen, Aufgaben oder Produktartikeln.

In diesem Tutorial führen wir Sie durch die automatische Aktualisierung eines „Zähler“-Feldes in Echtzeit mithilfe eines einfachen PHP-Snippets.

Erstellen Ihres Formulars

Erstellen Sie zunächst Ihr Formular und fügen Sie ein Wiederholungsfeld zusammen mit einem Einzeiligen Text-Feld hinzu, das beispielsweise mit „Zähler“ beschriftet ist. Dieses Feld wird automatisch aktualisiert und sollte nicht manuell vom Benutzer ausgefüllt werden.

Wenn Sie Hilfe beim Erstellen eines Formulars benötigen, sehen Sie sich unser Tutorial zum Erstellen Ihres ersten Formulars an.

Hinzufügen des Code-Snippets

Verwenden Sie das folgende Snippet, um die Live-Zählerfunktion für Ihr Formular zu aktivieren.

Anpassen des Code-Snippets

Sie müssen die folgenden IDs im Snippet aktualisieren, um sie an Ihr eigenes Formular anzupassen:

• wpforms-5410-field_1-container: Ersetzen Sie 5410 durch Ihre tatsächliche Formular-ID und field_1 durch Ihre Wiederholungsfeld-ID.
• wpforms-5410-field_3: Ersetzen Sie field_3 durch Ihre Zählerfeld-ID.

Um Ihre Formular- und Feld-IDs zu finden, lesen Sie dieses Tutorial.

Sobald dieses Snippet hinzugefügt und die IDs aktualisiert wurden, wird das Zählerfeld automatisch aktualisiert, wenn Benutzer Zeilen aus dem Wiederholungsfeld hinzufügen oder entfernen.

Und das ist alles! Sie haben jetzt einen dynamischen Zähler zu Ihrem Wiederholungsfeld hinzugefügt, der den Benutzern einen klaren Überblick über die Anzahl der von ihnen vorgenommenen Einträge gibt.