How Validation Works in PhixFlowValidation can be configured to check data as it is being entered and before completing an Actionflow. This could be from simply checking if a field has been completed, to checking for duplicate records. Validation is checked for the following events: - When a user submits their data via a form e.g. saves the data (Default)
- On Blur, which means once a user leaves a field
- When an existing record is loaded
Applying ValidationWe recommend validation is applied at the table level to attributes as it is then automatically applied everywhere the attribute is used, see Adding Validation to Table Attributes. However, where a form field is backed by a relational attribute, the validation set on the table attribute is not used. For applying pre-set validation (e.g. mandatory, min/max length) to form fields on screens, see below, and for bespoke validation, see Custom Validation. Table of Contents Table of Contents |
---|
exclude | ^How Validation Works in PhixFlow$|^Applying Validation$|^Table of Contents$ |
---|
|
Video Tutorial Iframe |
---|
src | https://youtube.com/embed/nI4OrR5fmTE?&rel=0&ytp-pause-overlay=&list=PLbPt6SI1Zhb9JAD6TfD-qGC6vzZXOznvn |
---|
width | 680px |
---|
title | Adding Form Field Validation |
---|
height | 400px |
---|
|
Setting a form field as mandatory. - Right-click on the form field you would like to set as mandatory and choose
Insert excerpt |
---|
| _set_validation |
---|
| _set_validation |
---|
nopanel | true |
---|
| - The properties will open on the right, scroll down to the Validation section
- Click on the tickbox next to Mandatory
- Then toggle this on
Insert excerpt |
---|
| _toggle_on |
---|
| _toggle_on |
---|
nopanel | true |
---|
|
- your changes
- If you are using the Serene Grey Template, the following will be seen:
- The form field header text will show with an asterisk *
- The form fields that fail validation will have a red outline after changing the value or when a form is loaded with data in it, such as an edit form
Image Modified
Insert excerpt |
---|
| Component |
---|
| Component |
---|
name | BooleanValidation |
---|
nopanel | true |
---|
|
- Right-click on the form field you would like to set a minimum or maximum length for and choose
Insert excerpt |
---|
| _set_validation |
---|
| _set_validation |
---|
nopanel | true |
---|
| - The properties will open on the right, scroll down to the Validation section
- Click on the tickbox next to Validation Type
- Next to Validation Type, click
Insert excerpt |
---|
| _addIcon |
---|
| _addIcon |
---|
nopanel | true |
---|
|
- A validation type can also be selected from the drop-down, if the desired validation exists, or edited by clicking the Validation Type hyperlink
- The Validation Type properties open, see Validation Type
- Enter:
- Name, this should be indicative of its purpose. For example, minimum name length
- Base Type, select the type of data. For example, different data types have different parameters such as numbers specifying the maximum value
- Minimum Length (optional), sets the minimum number of characters. For example, 2
- Maximum Length (optional), sets the maximum of characters. For example, 150. If left blank there is no maximum
- Error Message (optional), enter a custom message or leave blank for the default message. This is shown when the field fails the validation check and you mouseover the field
- your changes
- If you are using the Serene Grey Template, the form fields that fail validation will have a red outline after changing the value or when a form is loaded with data in it, such as an edit form
Image Modified
- Right-click on the form field you would like to set a pattern match for and choose
Insert excerpt |
---|
| _set_validation |
---|
| _set_validation |
---|
nopanel | true |
---|
| - The properties will open on the right, scroll down to the Validation section
- Click on the tickbox next to Validation Type
- Next to Validation Type, click
Insert excerpt |
---|
| _addIcon |
---|
| _addIcon |
---|
nopanel | true |
---|
|
- A validation type can also be selected from the drop-down if the desired validation exists or edited by clicking the Validation Type hyperlink
- The Validation Type properties open, see Validation Type
- Enter:
- Name, this should be indicative of its purpose. For example, minimum name length
- Base Type, select
String - Pattern, define a pattern the input must adhere to in the form of a regular expression. Pattern examples are provided at the end of this section
- your changes
- If you are using the Serene Grey Template, the form fields that fail validation will have a red outline after changing the value or when a form is loaded with data in it, such as an edit form
Image Modified
Example PatternsSee Regular Expressions for details on how to create a pattern. Description | Pattern |
---|
Alpha Only | [A-Za-z] | Alpha Numeric including, hyphens, underscores, spaces, ampersands and full stops | [A-Za-z0-9\s\-_.)(\/\-\&]
| Numeric Only | [0-9] | Email | ^[a-zA-Z0-9!#$%&'*+/=?^_‘{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_‘{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$
| Specific words e.g. hello or world | \b(hello|world)\b |
|