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 |
|