Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
JavaScript-Events
Generell können die vorhandenen JavaScript Events wie folgt schnell im TypoScript verwendet werden:
plugin.tx_fluidform.settings.forms.callBack {
finisher {
javascript < plugin.tx_fluidform.presets.finisher.javascript
javascript.functions {
# After successfully sent, but before displaying the success message
beforeSuccess (
ga('send', 'event', 'Forms', 'Submit', 'Kontaktformular');
)
}
}
}Folgende Events sind vorhanden:
- onInitialize
- onSend
- beforeSuccess
- afterSuccess
- beforeError
- afterError
Senden-Button bei Klick deaktivieren
Du kannst den Senden-Button mit folgendem TypoScript deaktivieren, um mehrfach Absendungen des Formulars zu verhindern:
plugin.tx_fluidform.settings.forms.callBack {
finisher {
javascript < plugin.tx_fluidform.presets.finisher.javascript
javascript.functions {
onSend (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', true);
)
beforeSuccess (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', false);
)
beforeError (
jQuery('.tx-fluid-form .btn[type="submit"]').prop('disabled', false);
)
}
}
} Dokumentation
TYPO3 Fluid-Form by coding.ms
Formulare vollständig per TypoScript erstellen und konfigurieren. Ajax-Formulare, flexible Feldgruppen, Hinweise, Captcha, MathGuard und Honeypot decken viele Einsatzbereiche ab. Finisher können E-Mails versenden, übermittelte Daten in eine Datenbank schreiben oder PDFs erzeugen. Ein Backend-Modul bietet eine Übersicht über E-Mails und Anfragen und erleichtert Wartung und Verwaltung.