Required Field Validation
- Amish Ladhu
Currently on all platform āformsā, required input fields can only be identified by the red asterix next to each input label. The action button (in most cases it is a āSaveā button) is disabled until all required fields are completed, e.g.
Users completing these forms are introduced to a negative user experience, as a red asterix is not āenoughā to indicate to users the requirements of forms for them to complete or move onto the next step. Users have to make assumption themselves and try and figure out why the form cannot be completed, rather than it being obviously displayed on the form itself.
Instead, action buttons should always be enabled, allowing 2 scenarios:
If the action button is clicked and the forms criteria IS met (in most cases this criteria would be completeing all required fields) then the form should complete itās intended action.
If the action button is clicked and the form criteria IS NOT met, then the required fields should show inline validation message to obviously and clearly indicate the fields that are yet to be completed/need to meet a specific criteria in order for the form to be completed.
UX/UI Resources:
https://www.arengu.com/blog/ux-form-validation-before-or-after-submission
https://userpeek.com/blog/form-validation-ux-and-best-practices/#t-1632482944918
https://uxdesign.cc/a-few-lessons-in-form-design-2279e3bdf5f8
Tickets Raised:
Location | Ticket |
|---|---|
Enterprise > credential manager > add/edit | |
Advertisers > add | |
Advertisers > add | |
Advertisers > import advertisers | |
Advertisers > create campaign | |
Advertisers > view > value transforms > add/edit | |
Agency > add/edit | |
Publisher > add/edit | |
Publisher > import publishers > āimportā step | |
Forms > add/edit > āsetupā step | |
Forms > add via csv | |
Forms > save as new > āsetupā step | |
Forms > edit > translate | |
Forms > edit > fields > add input | Ā |
Forms > edit > fields > settings > choices | Ā |
Forms > edit > thanks page | Ā |
Leads > export | |
Leads > flag/manage | |
System > suppression > email, telephone, name > add | |
System > whitepapers > websites > add/edit | Ā |
Ā