Questions tagged [validation]
when and how best to give feedback to users about invalid entries in data they have provided.
316
questions
2
votes
3
answers
75
views
Checkbox dirty state
I would like to highlight any changes made to a long list of form checkboxes.
That way the user can review all the changes made (whether checked or unchecked) before saving.
Are there any examples for ...
5
votes
4
answers
466
views
Prevent users from changing entity data fundamentally
Entities in a database represent things from the real world (for example products in an e-commerce system). A user should be able to
add a new entity
edit the entity to correct a mistake in the DB
...
2
votes
2
answers
120
views
Edit mode + Side panel/Modal, how to deal with double validation?
I am currently struggling with an edit mode user scenario inside a web application.
Context
The web application will be used also on mobile, so we can't use “on hover” comportment.
99% of the time, ...
1
vote
1
answer
68
views
Bulk actions validation
I need to design a solution in which a User can map fields from our App to an Integration. And actually, this bit is already prepared. The problem occurs in the fields.
Let's say my App has a field ...
1
vote
3
answers
106
views
What is the best approach to handle new validation for existing records where duplicate IDs exist?
Currently I have a form where users can enter in the same ID (text) for each new record they create. I now want to add validation so that duplicate ID's cannot exist going forward.
Some of these ...
2
votes
1
answer
48
views
Adding and accepting score
I'm working on a app where tennis players can add score. When a player starts playing he is starting the streaming service and invites the other player. After the game a "post session page" ...
2
votes
1
answer
239
views
Are password strength meters useful?
What are your thoughts on password meters?
I think they are only somewhat helpful because there is no clear indication as to how to actually strengthen the password. A novice user could maybe type in ...
3
votes
1
answer
146
views
ATM Style Input Fields for Currency
I am looking for best practices around how to design a UI for currency fields. I have been looking into ATM-style fields. This is when if you type in your value, it fills in cents first until you've ...
1
vote
1
answer
72
views
Show feedback messages in an editable data grid
Any advice on how best to display success/error messages while editing fields in an inline data grid.
I've got an editable grid where records are saved (and validations are performed) as the cells are ...
0
votes
0
answers
41
views
What are some best practice specs for form validation when collecting customer information?
The question: Are there any best practices for what validation rules should be set for each customer information field on a form?
I'm trying to create a spreadsheet that will specify how an author ...
1
vote
1
answer
49
views
Success feedback for debounce updates
When creating a form that updates automatically after a short debounce time (thus without a save button), is it best to provide a visual feedback if the update was saved successfully and in case of an ...
2
votes
1
answer
136
views
Prevent users from entering higher values than expected
Biz case:
Allow users to configure policies to ensure critical application traffic is not dropped when a link is at max capacity.
Use case:
Traffic from head office to branch 1 is at max capacity.
...
0
votes
0
answers
26
views
Behavior of two checkboxes where one must be selected [duplicate]
In a report settings area I am using 2 checkboxes where the user can select either or both, but one must be selected. We default to the most common option but if they unselect that one option and try ...
1
vote
1
answer
187
views
Postal address validation - special characters
We are currently looking at adding validation to our form that enables users to enter an address manually if they don't/can't/won't use the postcode lookup software
99% of our addresses will be UK but ...
0
votes
3
answers
354
views
Good UX for validating both phone and email
A website requires users to validate their email – it's how the user receives their password creation link, and email is essential to several core workflows.
There is now also a need to collect and ...
2
votes
4
answers
202
views
Validate an email while this in the input field - when do you start?
I just signed up for a new online service, and when I typed my email address, from the moment I started typing until I had typed the second letter after of the TLD, next to the input field there was ...
1
vote
2
answers
337
views
Is it OK for a form element to shift when a related error message appears? [duplicate]
When designing a form, should I design with enough space between the elements for potential errors?
So that when displaying error messages, the form elements below the error message do not shift, ...
1
vote
1
answer
62
views
How to ask user to affirm that a blank value is intended?
I have a form with several optional text fields, and a workflow in which a user might reasonably save a partially completed form and return to complete it later.
I want to prevent errors where a user ...
1
vote
1
answer
44
views
When should the valid visual cue be shown to the user on a pre-filled form field?
It makes sense to show a valid visual cue (eg: green border, green check, etc) when a user is filling a form field and the data is considered valid.
What if the user opened the form with pre-filled ...
3
votes
3
answers
144
views
Validation for if all fields are required when an optional field has a value
I have a form that has an optional username/password input but when either the username or password has a value it causes them both to be required. Not sure how I should approach this?
So far the ...
1
vote
3
answers
324
views
How to state valid characters are alphanumeric and 'all keyboard symbols'?
*Note: I'm using an inline validating message, where if a user enters a char that is not allowed a message is displayed (i.e. "Please only use...")
I've seen this post about stating valid ...
0
votes
1
answer
58
views
How to indicate that validation checks whole section of form?
In our app we have few views that use backend validation, that sometimes might take more that a second to response. What is more unique about it, is that validation is sent for whole section. For ...
2
votes
2
answers
145
views
Best input validation approach for complex and busy screen
I have an extremely busy screen for a single page application that allows people to pick their own components and build a custom printed circuit board (following a template that we provide).
Our ...
5
votes
3
answers
806
views
How to indicate to user that a field is not optional, but that a blank value is considered valid input?
We have forms in our application with a number of strictly required fields (marked with red asterisk, will fail validation if left blank). There is also one field that can be submitted as blank - this ...
31
votes
8
answers
6k
views
Real-Time validation, Good or Bad UX
I have a signup form where I made a REAL-TIME validation when the user starts typing as you see in the picture.
I don't know if this harms the user experience or no, and also I did not find a resource ...
8
votes
1
answer
611
views
Should comboboxes/radio groups be marked "required" in a form?
Suppose you have a web form, with some fields being optional and some being required.
One of these fields is a combobox or radio button group, for which a valid default option is pre-selected and it ...
2
votes
1
answer
448
views
Input error icon and clear icon at the same time
In Material design documentation we see optional icons inside an input. What if I want to have a clear icon (3) and display an error icon (2) at the same time? Side by side?
1
vote
0
answers
46
views
How do I best show the format that's allowed for an input?
I can restrict the input on the front-end to certain values or make it match a regex pattern, but the user might be confused about why they can't input certain values unless it's communicated to them ...
0
votes
3
answers
702
views
Form validation when the field is optional
I am working on a form where the phone number is optional.
What is the best practice regarding a validation mechanism that checks if it's a correct phone number (over 10 digits):
No form of ...
5
votes
5
answers
137
views
Validation without an explicit confirmation
I am currently working on an app. This app has some features that the user can unlock by entering a numeric code.
I was considering putting an automatic validation as soon as the user types the last ...
3
votes
2
answers
116
views
Forbid and deactivate alphanumeric keys in a form?
scenario: form validation
I ask myself the question: in a special input form for postcode for example, in which only numbers (integer) are allowed. In a usability view I would say, you should be ...
3
votes
2
answers
309
views
How indicate conditional required field in editable table?
In a form indicating which fields are required are often indicated by an asterisk (*). We have an editable table and I indicate a required column with aesthetics in the title of the column.
The ...
8
votes
5
answers
4k
views
How would you ask the user if their drawn signature is similar to the ID card sign?
We have a flow where the user signs a contract drawing their signature with the finger. But it's very important that that finger signature is similar to the user's real signature printed in the ...
2
votes
1
answer
100
views
Warning/ Information on top of a Modal
I want to give users a warning on a modal that changing one form field has implications on another form field. I am aware of 2 patterns that are used as shown here. I am seeking suggestions on what UI ...
1
vote
1
answer
777
views
What is a good approach for warning user on leaving a modal or side flyout panel with unsaved changes?
The user is editing a form element on the RHS flyout panel and the editing is not completed. In the middle of the process, the user decides to undertake the following actions:
Click outside the ...
3
votes
2
answers
177
views
What should an error state for a number value be?
Let's say that there are different numbers presented to the user - money values ($1.50), percentage values (+25.53%), development values (+$3.50), etc. In case there is an error in retrieving one of ...
1
vote
2
answers
107
views
What's the optimal number of digits for a verification text message?
This is regarding a validation process in an app. User has downloaded the app, within it they get asked to validate their account through a text message. So they have to check their messages, then ...
2
votes
1
answer
121
views
What is the best way to validate a discount card online?
We are trying to figure out the best way to re-introduce a discount feature to our website. We have recently undergone a massive project implementing online sales to the site which has left us in a ...
1
vote
1
answer
42
views
Communicating variable pricing in a form field?
Scenario
I own a car rental shop and am setting up a fee schedule for when customers bring back a vehicle with signs of damage. Some damage has a defined price ie. a rear view mirror. Some damage is ...
6
votes
2
answers
3k
views
Valid to / Expiration date inclusive or exclusive
I have a form with a "Valid to" date field. This field represents the date in which something will expire.
Should the "Valid to" date be inclusive or exclusive?
E.g. Valid to = 04.02.2020. Should it ...
4
votes
1
answer
148
views
Browsers ruin password UX with dropdown menus. How can I fix it?
FYI the image above was taken with autocomplete="new-password"
As you can see, the dropdown is covering the error message (which ends in "letters and numbers" (plus a few other error messages).
This ...
0
votes
1
answer
69
views
Same form fields - two purposes/functions
Working on a project for adding new entry/entries to a table and/or viewing the table.
We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
2
votes
1
answer
510
views
How to provide validation feedback for multiple rows in a grid?
I'm designing a page that needs to let a user upload a spreadsheet with content to be imported into my database. I anticipate that some of these rows will contain data that's fine in Excel, but ...
0
votes
2
answers
118
views
What's the best practice for screen navigation after invalid user input? [duplicate]
Consider an Angular app with many user inputs over screens A, B and C. Screen C needs valid inputs from A and B; B from A only; and A is independent. Suppose while on screen B the user enters invalid ...
1
vote
2
answers
29
views
Diagnostics Report vs Form Validation when results are already known?
Context:
I'm working on a software where the user can add specific external devices by using their IP and various other settings. These settings need to be entered correctly using a form and if ...
2
votes
3
answers
115
views
validating input widgets
[This may be a well-worn old question -- apologies if so, but I have no idea how to search for it.]
First, the background. (This is not the question yet.) Suppose I've got a GUI with an input ...
1
vote
1
answer
327
views
When should an input validation border change?
When I was working on validation just now, I came up with a couple of questions with regard to validation. When should an input border's color change?
When should it turn from (a default or) no color ...
0
votes
1
answer
87
views
Form input - Follow expected sequence or offer field validation?
Validation opposed to expectations
My team proposed to change the usual sequence of an address form. They want to put the country before the other address fields so they can validate the following ...
2
votes
2
answers
190
views
When and how present a warning message when fields are not valid anymore?
I am working on a web app in which admin users can create forms, and editor users use those to create content. Admin can edit a form previously created and add warning validation based on specific ...
1
vote
6
answers
104
views
Validation Tribulation - Multiple Simultaneous Meanings for the Word 'Cancel'
I've confused myself with a bunch of different Cancel buttons.
In this scenario, the user initiates the "Document Packer", and starts to add items to their new pack. Before saving their new pack, ...