Project

General

Profile

Actions

Task #95074

closed

Documentation: double submit blocker example

Added by Stig Nørgaard Færch about 3 years ago. Updated about 2 years ago.

Status:
Closed
Priority:
Should have
Assignee:
Category:
Form Framework
Target version:
-
Start date:
2021-09-02
Due date:
% Done:

100%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
Complexity:
Sprint Focus:
Remote Sprint

Description

A double submit blocker feature would be nice for EXT:form. But it seems like it takes to big an effort to implement server-side. Instead it can be solved easier with JS. But a standard solution might not work for all.
Instead an example could be useful for inspiration for others to implement.


Files

Navigation.html (1.85 KB) Navigation.html Stig Nørgaard Færch, 2021-09-02 07:30

Related issues 2 (1 open1 closed)

Related to TYPO3 Core - Bug #94873: double click on submit button triggers double submit of form dataClosed2021-08-13

Actions
Related to TYPO3 Core - Task #97782: Extend double submit blocker exampleNew2022-06-17

Actions
Actions #1

Updated by Stig Nørgaard Færch about 3 years ago

Stig Nørgaard Færch wrote:

A double submit blocker feature would be nice for EXT:form. But it seems like it takes to big an effort to implement server-side. Instead it can be solved easier with JS. But a standard solution might not work for all.
Instead an example could be useful for inspiration for others to implement.

Here is a suggestion for an example where the blocker is implemented in pure JS inline in the Navigation.html partial.
(EXT:form/Resources/Private/Frontend/Partials/Form/Navigation.html

Actions #2

Updated by Björn Jacob over 2 years ago

  • TYPO3 Version changed from 10 to 12
  • Sprint Focus set to Remote Sprint

Will add this to the FAQ section.

Actions #3

Updated by Björn Jacob over 2 years ago

  • Related to Bug #94873: double click on submit button triggers double submit of form data added
Actions #4

Updated by Björn Jacob over 2 years ago

  • Status changed from New to In Progress
  • Assignee set to Björn Jacob
Actions #5

Updated by Gerrit Code Review over 2 years ago

  • Status changed from In Progress to Under Review

Patch set 1 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/73701

Actions #6

Updated by Gerrit Code Review over 2 years ago

Patch set 2 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/73701

Actions #7

Updated by Gerrit Code Review over 2 years ago

Patch set 3 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/73701

Actions #8

Updated by Gerrit Code Review over 2 years ago

Patch set 4 for branch main of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/73701

Actions #9

Updated by Gerrit Code Review over 2 years ago

Patch set 1 for branch 11.5 of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/73660

Actions #10

Updated by Björn Jacob over 2 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions #11

Updated by Andreas Krämer over 2 years ago

Hi Björn, thanks for your FAQ update! But if the submit button gets disabled, the form also looses the __currentPage parameter, which is attached to the submit button and needed for submitting the form. Maybe you could update your example to a TYPO3 compatible solution?

We are following an approach to extracting the __currentPage to a hidden field with JavaScript, but its still a little buggy.

Actions #12

Updated by Björn Jacob over 2 years ago

  • Related to Task #97782: Extend double submit blocker example added
Actions #13

Updated by Benni Mack about 2 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF