Masked Input
The Masked Input component provides a structured input field that enforces a specific format as users enter data. The mask guides user input and improves accuracy by restricting entries to a predefined pattern.
How It Works
The Masked Input component displays an input field that applies a formatting mask as the user types. The mask defines which characters are allowed in each position (for example, digits or letters) and automatically inserts formatting characters such as spaces or dashes.
This ensures that submitted values follow a consistent structure, such as dates, identification numbers, or custom codes.
Properties
| Property | Description |
|---|---|
| Label Name | The text label displayed above the phone field. |
| Hide Label | Option to hide the label visually while keeping it accessible to screen readers. |
| Disabled | The field is still displayed, however it can not be filled out. |
| Make Required | Marks the field as required. |
| Add Regular Expression | Applies a custom validation pattern using regular expression (RegEx) syntax to control what input is allowed in the field. |
| Mask Type | Defines the format in which masking will be applied. |
| Mask | Specifies the mask structure: use "0" for digits, "a" for letters. Example: "0000" for four digits, "00-00-00" for date formatting. |
| Add CSS Class | Apply custom CSS classes to style the field to match your branding or layout. |
| Display Component in Navigation | Option to include this component in any summary or form navigation (if applicable). |
| Customizable Texts | Allows for the display of a customizable message, such as when an invalid phone format is entered. |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name | A variable identifier that can be copied to collect information in printable PDF or Word forms. |
| Mask in Notification Email | Masks the submitted value of this field in email notifications for enhanced privacy and compliance. Useful for preventing exposure of sensitive or identifiable information. |
Using Masked Input Values in Other Parts of the Form
You can reference the provided Masked Input value elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.