? No Code Attached Yet J4 Issue
avatar coolcat-creations
coolcat-creations
29 Dec 2016

In Custom Fields there are fields that could actually be solved by a simple text-input field with validation options.

That are:
E-Mail
Telephone
URL

  1. The user has to consult the documentation to know which scheme this fields are using.
  2. Schemes can be different depending on the region
  3. The validation error only throws "invalid field" the enduser has no clue why it could be invalid
  4. The validation of a field might be better customized, like "alphanum" "regex" "alpha" "num" ... whatever ;)
  5. The validation error should be customizeable too like "Please write in your company name"

If we donĀ“t exchange this fields NOW with a validation process we will have to keep them because of B/C breaks. And IMHO this fields are "cluttering" the fieldoptions and make a bad UX.

image

avatar coolcat-creations coolcat-creations - open - 29 Dec 2016
avatar joomla-cms-bot joomla-cms-bot - change - 29 Dec 2016
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 29 Dec 2016
avatar dgt41
dgt41 - comment - 29 Dec 2016

@coolcat-creations we can start use patterns for validation, #13094. This way every custom field could have a specific validator.

The validation error should be customizeable too like "Please write in your company name"

With the current validation this is impossible, unless we modify the script...

avatar coolcat-creations
coolcat-creations - comment - 30 Dec 2016

Maybe we should consider a language change then for the errors."Invalid field" says nothing in that case ;)

avatar ralain
ralain - comment - 31 Dec 2016

Email, tel and url fields can not just be replaced by a simple text input field. They are particularly important for UX on mobile devices, as they enable custom keyboard layouts tailored to the specific input types.

I do agree on your sentiment regarding validation. IMO the Telephone field should not be validated by default, validation should be actively enabled by the site builder with a pattern of their choosing.

avatar dgt41
dgt41 - comment - 31 Dec 2016

Can someone redo this: #10994
It's one of the layouts that don't use yet jlayout

Can we have some tests: #13435

avatar ggppdk
ggppdk - comment - 31 Dec 2016

  1. In large forms displaying the invalid messages only on top of the form is problematic
    UX needs to be improved and behave like HTML5 validation
  • focus on 1st invalid field
  • for it (1st invalid field) display the invalid message "Field required" or "Field invalid" or "custom message" either injected inline or as popOver (to resemble HTML5)

  1. The custom invalid message is simple to add with data-attributes,
    but what that will be to avoid future conflicts ?
    e.g. are the following good ? what are popular frameworks use ? is there something similar in HTML5 (besides 'title'?)

data-required-error="This field must be empty"
data-pattern-error="Please only use only alphabetic characters and numbers"

what about adding support for the above to Joomla's validate.js ?

avatar coolcat-creations
coolcat-creations - comment - 24 Jan 2017

What is the status here? Will custom validation be possible with custom error messages?

avatar nibra nibra - change - 24 Mar 2017
Category com_fields
avatar nibra nibra - change - 24 Mar 2017
Priority Medium Urgent
Status New Confirmed
avatar joomla-cms-bot joomla-cms-bot - change - 24 Mar 2017
Title
[com_fields] UX Improving Validation Process of Form Fields in Favour of Custom fields
UX Improving Validation Process of Form Fields in Favour of Custom fields
avatar joomla-cms-bot joomla-cms-bot - edited - 24 Mar 2017
avatar franz-wohlkoenig franz-wohlkoenig - change - 7 Apr 2017
Title
UX Improving Validation Process of Form Fields in Favour of Custom fields
[com_fields] UX Improving Validation Process of Form Fields in Favour of Custom fields
avatar franz-wohlkoenig franz-wohlkoenig - change - 7 Apr 2017
Title
UX Improving Validation Process of Form Fields in Favour of Custom fields
[com_fields] UX Improving Validation Process of Form Fields in Favour of Custom fields
avatar franz-wohlkoenig franz-wohlkoenig - change - 28 Apr 2017
Priority Urgent Medium
Status Confirmed Discussion
avatar brianteeman brianteeman - change - 25 Mar 2018
Labels Added: J3 Issue
avatar brianteeman brianteeman - labeled - 25 Mar 2018
avatar brianteeman
brianteeman - comment - 20 May 2019

Please retag this for J4

avatar franz-wohlkoenig franz-wohlkoenig - change - 21 May 2019
Title
[com_fields] UX Improving Validation Process of Form Fields in Favour of Custom fields
[4.0] [com_fields] UX Improving Validation Process of Form Fields in Favour of Custom fields
avatar franz-wohlkoenig franz-wohlkoenig - edited - 21 May 2019
avatar franz-wohlkoenig franz-wohlkoenig - change - 21 May 2019
Labels Added: J4 Issue
Removed: J3 Issue
avatar franz-wohlkoenig franz-wohlkoenig - labeled - 21 May 2019
avatar franz-wohlkoenig franz-wohlkoenig - unlabeled - 21 May 2019
avatar Hackwar Hackwar - change - 17 Feb 2023
Labels Added: ? No Code Attached Yet
Removed: ?
avatar Hackwar Hackwar - labeled - 17 Feb 2023

Add a Comment

Login with GitHub to post a comment