Set invalid message of date field
Function: Set invalid message of date field
This action allows you to display a specific error message directly below a Date Field on your application screen. This is useful for guiding users when their input in a date field is incorrect or incomplete, without needing to write any code.
Input
- UI element
- Description: The specific Date Field on your application screen where you want to display an error message.
- Type: UI element (specifically a Date Field)
- Required: Yes
- Invalid message
- Description: The text message you want to show to the user, indicating what is wrong with the date field's input. If you leave this empty, any existing error message on the field will be cleared.
- Type: Text
- Required: No
Output
This action directly updates the specified Date Field UI element on your application screen. It does not produce a separate output value.
Execution Flow
Real-Life Examples
Example 1: Guiding users to enter a future date
Imagine you have an "Appointment Date" field where users must select a date in the future. If a user selects a past date, you can use this action to inform them.
- Inputs:
- UI element:
Appointment Date Field - Invalid message:
"Please select a date in the future for your appointment."
- UI element:
- Result: The "Appointment Date Field" on the form will display the message "Please select a date in the future for your appointment." directly below it, indicating the error.
Example 2: Marking a required date field as empty
Suppose you have a "Delivery Date" field that is mandatory for an order. If the user tries to submit the form without filling it, you can highlight this.
- Inputs:
- UI element:
Delivery Date Field - Invalid message:
"Delivery date is required to process your order."
- UI element:
- Result: The "Delivery Date Field" will show "Delivery date is required to process your order." as an error message, prompting the user to fill it in.
Example 3: Clearing an error message after correction
A user previously entered an invalid date, and an error message was displayed. After they correct their input, you want to remove the error message to show the field is now valid.
- Inputs:
- UI element:
Event Date Field - Invalid message:
""(an empty text string)
- UI element:
- Result: Any existing error message on the "Event Date Field" will be removed, making the field appear valid and ready for submission.