Questions tagged [validation]
when and how best to give feedback to users about invalid entries in data they have provided.
297
questions
3
votes
3answers
93 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
3answers
78 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
1answer
54 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
2answers
112 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 ...
4
votes
3answers
245 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 ...
29
votes
8answers
5k 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 ...
7
votes
1answer
566 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
1answer
134 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
0answers
43 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
3answers
227 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
5answers
124 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
2answers
78 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
2answers
91 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
5answers
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
1answer
48 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
1answer
134 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
2answers
171 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
2answers
95 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 ...
1
vote
1answer
100 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
1answer
32 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 ...
5
votes
2answers
1k 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
1answer
142 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
1answer
53 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
1answer
250 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
2answers
100 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
2answers
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
3answers
109 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
1answer
260 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
1answer
76 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
2answers
133 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
6answers
102 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, ...
7
votes
3answers
2k views
When should the error state on an input field disappear?
I've seen two types of behaviour circulating; one where the error state disappears as soon as you start typing a new input (so when the input field is in focus), and one where it stays until the input ...
1
vote
1answer
64 views
Validation of a text file: how to best show the inline editor?
I'm making an app that validates a text file and then shows the errors associated with it. Currently all errors are listed as rows.
I'd like to make it easy to correct the errors in the text file so ...
0
votes
3answers
129 views
Best practice for validating text input on mobile
I'm designing a mobile application where user can order groceries from different suppliers, each order could have a notes to the supplier. Due to different downstream systems used by different ...
0
votes
1answer
70 views
How to handle form validations when the Cancel button can lead into an incorrect state?
I'm designing a set of screens where the user inputs certain data on Screen #1, Screen #2, Screen #3, etc. At the end of their journey they're presented with a final review screen, where the user can ...
0
votes
1answer
130 views
Handling error messages on mobile when there are many fields
I am designing a signup form that has the following fields in it:
Username
Email
Password
Confirm Password
Where did you hear about us?
I have to show validation errors in these fields.
There are ...
1
vote
2answers
74 views
Is it okay to save data only when user leaving screen?
I'm designing an app that controls a connected object.
In one of the screens of the app, the user can activate or disable a nightlight and set the hours of lightning (e.g. 8pm - 7am).
In the first ...
0
votes
2answers
619 views
Input validation for login page
We have a password input for both our login and signup pages. As the user types their password on the signup page, they will see something resembling the following:
Note: Our password input doesn't ...
0
votes
1answer
505 views
Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field
We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
0
votes
3answers
356 views
How to encourage the user to check details before submission
I'm upgrading a legacy financial application which requires users to re-enter their password before a transaction is submitted. I need to remove the password check since I'm migrating users to a new ...
2
votes
1answer
134 views
Validations for dialogs
We developed a behavior, that presents warnings in the lower part of the dialog, in case that exists, after hitting the dialog button. The user can move forward with the warning.
However, in some case ...
4
votes
2answers
161 views
Is it best practice to show errors that are potentially duplicate by implicit meaning, or just one error?
When validating form fields (such as a number field) - what is considered best practice when it comes to validations that potentially encapsulate another validation?
Example: An Age field on a form. ...
2
votes
1answer
187 views
Less vs. Fewer for validation message?
Should an inputs validation message read as A or B for each of the following?
A Nick Name must be 10 characters or less.
B Nick Name must be 10 characters or fewer.
A Number must be 10 digits or ...
2
votes
2answers
688 views
Best practices for validating emails in a text area
I want to allow my users to add email recipients in a text area by just writing their addresses manually or copy & paste them from somewhere - email addresses are separated via a comma or new line....
0
votes
2answers
2k views
Empty field. Error message or just highlight?
Which way would be better to add an error massage to the required empty field or it could be just highlighted?
0
votes
1answer
146 views
Inline validation on smaller forms
I'm trying to redesign the forms on our web app and run into an issue with inline validation messages. I started with putting the error message in the top right corner above the input and this worked ...
1
vote
3answers
131 views
Data Validation - Positioning
I have discovered that users are struggling with signing into our site due to data validation.
Currently, the system has this logic:
Wrong email/ID = display error
Wrong password = display error
...
2
votes
1answer
105 views
What should be the content of a post submitted form validation message
Say I have a form, I submitted it, and received an error.
While each field with error is marked in a red frame and has an icon, and mouseover shows the exact reason for this error.
should the ...
2
votes
3answers
272 views
Does it make sense to display error messages for in-place editing?
In place editing definition: A label fields that when I click turns into an input field and allows me to type modify the text. Then either by clicking out or pressing tab it will automatically save ...
2
votes
2answers
191 views
Should I require starting name with a capital letter in form
I'm part of a team developing small web app. I'm responsible for frontend part of it. We've got form with inputs for user name and last name. Backend guy made a regex that requires name to be at least ...
