Custom formats for the Phone field in your form

Build + Host + 123ContactForm Your Site Affordably – Introducing Vexxhost Partnership
April 24, 2012
White Label Forms & Surveys
April 26, 2012

Custom formats for the Phone field in your form


Predefined form fields are the easiest to use – you drag them to your form, the end. The field label and format are self-explanatory and predefined validation gets you nothing but the information you’ve asked for.

The problem with predefined form fields, quite self-obvious itself, is that they are less flexible. While very suitable for specific situations, they can quickly become a reason for frustration.

We’ve experienced this with our predefined Phone field. Most US users are thrilled about it. Non-US users get righteously upset with this form field from time to time. The US standard is unusable for them and they have to use a simple Number field to get the job done.

Well, they had to. Because, as you’ve probably noticed (or will notice in the close future), we are more and more preoccupied with increasing usability for users from all parts of the world. And today we’re releasing an improved Phone field.

It’s predefined, yet customizable. Three input boxes linked by dashes, one hash key below each digit and numeric field validation – these stay the same. However, you’ve got a menu called Number Format where you can establish the number of digits each box will accept. This way, no matter what your country’s standard phone number format is, you’ll be able to use the Phone field in that precise format.

How to do it? Go to your Form Editor, add a Phone field and, in its Edit Field panel on the left side of the page, select your preferred format. If you believe there might be any room for confusion for users (especially in what including or leaving out the country calling code are concerned), use Field Instructions to provide an example.

Here are some of the custom phone number formats available at the moment:

Denmark field for phone number: NN-NN-NNNN (2-2-4)
France, Australia, Brazil field for phone number: NN-NNNN-NNNN (2-4-4)
Polland, Spain field for phone number: NNN-NNN-NNN (3-3-3)
US, Canada, Mexico field for phone number: NNN-NNN-NNNN (3-3-4)
The Netherlands, Switzerland field for phone number: NNNN-NN-NNNNNNNN (4-2-8)
Quebec, UK field for phone number: NNNN-NNN-NNNN (4-3-4)
Romania field for phone number: NNNN-NNN-NNNNNN (4-3-6)
Italy field for phone number: NNNN-NNN-NNNNNNN (4-3-7)
Germany field for phone number: NNNN-NNNN-NNNNNN (4-4-6)

If you need any other phone number format to be added to the list, let us know in the Comments section and we’ll add it straight away.

Read more about custom format for phone form fields.

Alexandra Draghici
Alexandra Draghici
is the Project Manager of 123ContactForm. She tracks our project development and acts as a link between departments. Alexandra likes web technologies and teaching online and offline.