Phone Component

Learn how to configure the Phone component in Praxsuite forms to collect structured phone numbers with country codes, formatting masks, and validation rules, storing responses directly in your associated table.

The Phone component is designed to collect phone numbers in a structured and validated format. Unlike a standard text field, this component ensures that numbers follow a consistent structure and can include country codes, formatting masks, and validation rules.

Phone fields are commonly used in contact forms, onboarding forms, support requests, and any workflow where reliable contact information is required.

Basic configuration

• Associated Table

  Selects the table where the form submission will be stored.

• Associated Column

  Defines the column in the selected table where the phone number will be saved.

  This column should ideally be a phone-type column to preserve formatting and validation.

• Placeholder

  Example text shown inside the input field (for example: (555) 000-0000).

  This helps users understand the expected number format.

• Description

  Optional helper text displayed below the field. This can provide context or instructions for the user.

• Font

  Sets the typography used for the component inside the form.

• Default value

  Pre-fills the phone field with an initial number.

  This is useful when a common prefix or example number should appear automatically.

Country configuration

The Phone component supports international formatting.

• Default country

  Defines the default country used when formatting the phone number.

• Show country selector

  Displays a dropdown with flags so users can choose a different country.

• Show country code

  Displays the international dialing prefix (for example: +1, +52, etc.).

• Allow international numbers

  Allows the field to accept numbers from countries other than the default.

Format and validation

These options control how phone numbers are formatted and validated.

• Format mask

  Defines the phone number pattern using # as placeholders for digits.

  Example:

  (###) ###-#### → (555) 123-4567

• Validate format

  Ensures that the entered number matches the defined mask.

• Required field

  Forces users to complete this field before submitting the form.

Length validation

Additional rules can restrict the number of digits entered.

• Minimum length

  Sets the minimum number of digits allowed (excluding the country code).

• Maximum length

  Sets the maximum number of digits allowed.

Key reminder

The Phone component must be linked to a column in the associated table. If the column is not selected, the system will not know where to store the phone number when the form is submitted.