No-Plugin Phone Number Input (Country Name, Country Emoji, Phone Number)

@boston85719 Sure thing! Here are the screenshots:

1. Set up the country/emoji/calling code dropdown

Create a dropdown, set its Choices Style to “Static Choices”, copy the contents of the country flag/name/calling code list I provided in the original post, and paste it into the Choices field like this:

As for how I typed emojis, I’m on a Mac, so I did it by pressing Cmd+Ctrl+Space and selecting the emoji I needed. Here are the detailed instructions.

2. Add the phone number input field

Create an input and set it to this:

3. Extract the data you need from the dropdown

The Regex part is probably explained most easily in the following way.

Create a text element.

Let’s set it up to display the values you want to fetch. Nothing fancy yet, just type in the stuff you see below into the text field.

Okay, now let’s set up the Regex part using the regular expressions I provided above. The process is pretty much the same for each - the only part that differs is the regular expression used. (That’s where the term Regex comes from, btw.) I’ve included screen recordings of all three just in case.

The emoji:

flag

The country name:

country

The calling code:

code

Okay, last step - testing what we’ve just built. You can see how the contents of the text box change depending on which country I choose in the dropdown.

test

Hope that helps. :slight_smile:

6 Likes