Add a phone number field to a form when you need a value submitted in a specific format. By default, a Phone Number field checks if the value entered is a valid phone number. Several types of phone number formats will be accepted. The field can easily be modified to allow a specific phone number format or any other alphanumeric format, including social security numbers and zip codes. Beyond that, you can use a regular expression (regex) to enforce virtually any format that you want.

Standard field options

• Field Type
• Required
• Unique
• Read Only
• Field Key
• CSS Layout Classes
• Label position
• Field Size

• Visibility
• Before & After Input
• Conditional logic
• Lookup value

Field-specific options

Confirmation fields

Use the "Require Confirmation" option to require a user to confirm that the information they entered in the phone field is correct.

Default values and field icons

The default value icons can be used to specify whether the text entered in a Phone Number field on the form builder page should be a default value or a placeholder. Learn how to set a default value and how to set a placeholder in a Phone Number field.

Field action icons allows you to duplicate, delete, and/or move a field on the form builder page. See the field action icons article for more information.

Default option for international format

If you want to set a default option for the phone number field when the international format is selected, follow the guide below.

1. In the phone field options, select International as the format.
2. Enter the country prefix in the Default value field. For example, if you want to set the United Kingdom (UK) as the default option for phone numbers, add +44 as the default value.

Display a phone number field

Display the value submitted in a Phone Number field in a form's confirmation message, email, or View. Just insert [x], where x is the ID or key of the Phone Number field.

Use international phone number format

When using the Phone field, you can seamlessly format, validate, and store international phone numbers in the international format.

1. Add a phone field and select International as the Phone format.
2. Once the form is published, users can either:
   • Use the country flag dropdown to select the International format you want to apply to the phone number value.
   • Use the search bar to provide suggestions to users as they type in a search query for their preferred country.

   

3. When a country has been selected, a placeholder text showing the international phone number format will be automatically applied to the field.

Additional Customizations

Display specific country flags

Display some specific country flags with the data-only-countries in the Customize HTML.

Set a custom country order

Display the country's flags in custom order using the data-country-order option in the Customize HTML.

Related hooks

• Load international phone input scripts with the frm_include_intlphone_in_minified_js hook.