Wie Sie eine Formularberechnung mit einem Widget durchführen

Mit dem Formularberechnungs-Widget von Jotform können Sie Echtzeitberechnungen mit Werten aus Ihren Formularfeldern durchführen. Es eignet sich hervorragend zum Beispiel für die Berechnung von Gesamtkosten, die Ermittlung von Punktzahlen, das Anwenden von Formeln oder das Erstellen benutzerdefinierter Ausgaben basierend auf Benutzereingaben. Egal, ob Sie ein Bestellformular, ein Angebot oder ein Quiz erstellen, dieses Widget automatisiert die Berechnungen—spart Zeit, reduziert Fehler und sorgt für ein reibungsloseres Erlebnis für alle.

Hinzufügen und Einrichten des Formularberechnungs-Widgets

Egal, ob Sie ein neues Formular erstellen oder ein bestehendes Formular aktualisieren, das Hinzufügen des Formularberechnungs-Widgets und das Einrichten Ihrer Formeln ist schnell und einfach erledigt. So funktioniert es:

1. Klicken Sie im Formular-Generator auf der linken Seite der Seite auf Element hinzufügen.

2. Gehen Sie nun im Formularelemente-Menü unter dem Widgets-Tab auf Formularberechnung. Alternativ können Sie es einfach an die gewünschte Stelle in Ihrem Formular ziehen und dort ablegen.

3. Als Nächstes können Sie im Fenster des Formularberechnungs-Widgets, das sich auf der rechten Seite der Seite öffnet, verschiedene Elemente zum Formeleditor hinzufügen, basierend auf dem Ergebnis, das das Widget berechnen soll.

Die Schaltfläche Feld hinzufügen über dem Formel-Tastenfeld auf der rechten Seite des Fensters ermöglicht es Ihnen, Formularfelder in die Berechnung einzubeziehen. Sie können die Suchleiste im erscheinenden Menü verwenden und das gewünschte Feld auswählen.

Ein Formularfeld öffnet sich mit seinem Label und einem blauen Hintergrund im Formeleditor. Der Indikator auf der rechten Seite muss 0–9 anzeigen, um den Wert des Feldes in die Berechnung einzubeziehen. Wenn er A–Z anzeigt, wird der Wert als Text im Ergebnis hinzugefügt. Sie können auf den Indikator klicken, um zwischen Zahl und Text zu wechseln.

Sie können Ziffern, Dezimalpunkte, Klammern und Operatoren (+, –, ×, ÷) über Ihre Tastatur oder das Formeltastenfeld hinzufügen.

Diese Elemente müssen im Formel-Editor mit einem dunkelgrauen Hintergrund erscheinen, um in die Berechnung einbezogen zu werden. Wenn sie hellgrau erscheinen, werden sie als Text behandelt. Sie können darauf klicken, um zwischen den Formaten zu wechseln.

Die lila f(x)-Taste im Abschnitt Rechner-Tastatur ermöglicht es Ihnen, vorgefertigte Funktionen und mathematische Eigenschaften zu Ihren Berechnungen hinzuzufügen. Sie können die Suchleiste im sich öffnenden Menü verwenden und die gewünschte Formel auswählen.

Funktionen folgen im Formeleditor einem standardisierten Format, wie abs(), min(), max() oder round(). Diese Funktionen haben einen lila Hintergrund und werden automatisch von Klammern gefolgt, in die Sie den Wert oder Ausdruck einfügen, an dem Sie arbeiten sollen. Sie sind nützlich für fortgeschrittenere Berechnungen jenseits der grundlegenden Arithmetik. Weitere Informationen finden Sie in unserem Leitfaden zu Formularberechnung: Referenz der mathematischen Funktionen.

4. Nachdem Sie fertig sind, klicken Sie auf Speichern.

Das war’s. Jetzt kann Ihr Formular automatisch Werte basierend auf Benutzereingaben berechnen.

Konfigurieren der Optionen des Formularberechnungs-Widgets

Sie können die Einstellungen konfigurieren, die steuern, wie Ihre Berechnung funktioniert und wie das Ergebnis angezeigt wird. So geht’s:

1. Klicken Sie im Formular-Generator auf Ihr Formularberechnungs-Widget und dann auf das Zauberstab-Symbol auf der rechten Seite davon.
2. Klicken Sie dann im Fenster des Formularberechnungs-Widgets auf der rechten Seite der Seite unten im Abschnitt Formel-Tastatur auf Optionen.

3. Nun, im Abschnitt Optionen, aktivieren Sie die Kontrollkästchen neben den folgenden Punkten, um sie bei Bedarf zu aktivieren:
   • Feld standardmäßig als Text zur Gleichung hinzufügen — Wenn diese Option aktiviert ist, werden Formularfelder, Zahlen, Operatoren und Funktionen als Text in den Formel-Editor eingefügt. Auch wenn sie als Zeichenfolgen erscheinen, funktioniert die Berechnung dennoch, solange das Format korrekt ist:
     • Formularfelder werden in geschweiften Klammern angezeigt (z. B. {8}), die sich auf ihre eindeutigen Feld-IDs beziehen.
     • Funktionen werden zwischen ©-Symbolen geschrieben, gefolgt von Klammern (z. B. ©abs©({8})).
     • Vollständige Gleichungen werden in eckige Klammern gesetzt (z. B. [©abs©({8}) + ©min©(9,6)]).
   • Ergebnisfeld ist schreibgeschützt — Dies verhindert, dass Benutzer das Ergebnisfeld bearbeiten können. Dadurch bleibt der berechnete Wert gesperrt und wird nur basierend auf der Formel aktualisiert.
   • Leere Dezimalstellen anzeigen — Diese Option zeigt nach dem Dezimalpunkt nachgestellte Nullen an (zum Beispiel 5,00 statt 5), was hilfreich sein kann, um Preise oder andere Werte mit festen Dezimalstellen zu formatieren.
   • Verborgene Felder ignorieren — Diese Option überspringt alle verborgenen Felder in der Berechnung. Dadurch wird sichergestellt, dass nur sichtbare oder aktuell aktive Felder das Ergebnis beeinflussen.
   • Use Commas for Decimal Point — This changes the decimal symbol from a period (.) to a comma (,), which is common in some regions or languages.
   • Dezimalstellen in numerischen Ergebnissen — Damit können Sie festlegen, wie viele Ziffern nach dem Dezimalkomma im Ergebnis angezeigt werden. Sie können zwischen 0 und 10 Dezimalstellen wählen, je nachdem, wie genau das Ergebnis sein soll.
4. Sobald Sie fertig sind, klicken Sie oben auf Zurück.

5. Klicken Sie dann auf Speichern, um die Änderungen zu übernehmen.

Das war’s! Ihre Berechnung ist nun eingerichtet und bereit, die Ergebnisse so anzuzeigen, wie Sie es wünschen. Um zu sehen, wie es in einem Live-Formular funktioniert, schauen Sie sich diese Demo an.