Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.
JavaScript-Events
Basically all events can be used quickly by TypoScript:
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');
)
}
}
}The following events are available:
- onInitialize
- onSend
- beforeSuccess
- afterSuccess
- beforeError
- afterError
Disable send button on click
In order to disable the submit button on send to prevent multiple sends, use the following TypoScript:
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);
)
}
}
} Documentation
TYPO3 Fluid-Form by coding.ms
Forms created and configured entirely with TypoScript. Ajax forms, flexible field sets, notes, captcha, MathGuard, and honeypot support a wide range of use cases. Finishers can send emails, write submitted data to a database, or generate PDFs. A backend module provides an overview of mails and requests, making form handling easier to maintain and manage.