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);
)
}
}
}