Feature #83672

Add client-side validation to EXT:form

Added by Georg Ringer over 1 year ago. Updated 10 months ago.

Must have
Form Framework
Target version:
Start date:
Due date:
% Done:


PHP Version:
Sprint Focus:


To be able to use EXT:form just as it is, a JS validation is required

Related issues

Related to TYPO3 Core - Feature #31094: Integrate client-side validation Closed 2011-10-19


#1 Updated by Georg Ringer over 1 year ago

#2 Updated by Georg Ringer over 1 year ago

  • Subject changed from Add frontend validation to EXT:form to Add client-side validation to EXT:form

#3 Updated by Bjoern Jacob over 1 year ago

  • Status changed from New to Needs Feedback
  • Assignee set to Georg Ringer

As mentioned in the linked ticket: which solution/ framework would you prefer? Should this really be part of the core? What do you think of the following solution? https://github.com/svewap/form_validate

We do not have this feature on the roadmap for v9 but we would appreciate having a discussion on how to handle this feature.

#4 Updated by Riccardo De Contardi over 1 year ago

I am not sure that I would agree.

This would mean that you will depend on

- jQuery (probably)
- the library that you have chosen

Some questions come in my mind (as integrator):

- If I have already included jQuery I have to hunt down where EXT:forms include it and remove it
- What happens when these libraries will be updated?
- What library would be used? Parsley? Formvalidation.io? And what if I want to use Abide?

Don't take me wrong, I think that there is nothing insurmountable here; but (my personal opinion) I prefer that TYPO3 remains as much as possible "agnostic" from javascript libraries.

I would totally be in favor of these:

1) (if not already done) add all possible browser-side validation to all components (required, type=email, etc)
2) Create a documentation page about how to add a client-side javascript validation with full examples of several libraries. Plus, a button somewhere in TYPO3 backend that links you to this documentation could be cool.
3) Add one of these validations to the packages (like the introduction package, etc)

#5 Updated by Georg Ringer over 1 year ago

  • Status changed from Needs Feedback to Accepted

@Riccardo: Just as in powermail, which means you can as integrator decide if you want to include jQuery yourself or not or if you do your own implementation.

@Bjoern: Just as form uses bootstrap by default, it is IMO fine to add for the moment 1 TS file to be included which uses jQuery to cover the 95% of usages.

It is a fact that powermail is used so often because it works out of the box and client side validation is missing in EXT:form.

#6 Updated by Georg Ringer 10 months ago

  • Assignee deleted (Georg Ringer)

Also available in: Atom PDF