Phone Field Input Mask Issue on Mobile

Hi There,

Please modify the format for the required field and remove the () around the value. You can modify the format to ?999-999-9999.

Let us know if that helps

I modified the format as you recommended, but it still doesn’t work without the person entering in the dashes along with the numbers (I get the message “Match the requested format”). This is fine on desktop since a person has access to a full keyboard, but on mobile, there is no dash symbol. Is there no way to set up a mask that only requires the person to enter in the numbers and automatically adds the dashes?

Thanks!

Hi There,

You must match any format you set for your phone number. i.e. If you have dashes between the numbers, the dashes must be added to the number, if you use whitespace 999 999 9999, the spaces must be added when passing the number into the field.

If you don’t want any format, you can remove the format option completely. Please note that whatever format set, must be followed in order to submit the form.

Got it. So, I can’t use a custom format for the phone field since it won’t work on mobile. I did try switching to the alphanumeric keyboard on my iphone, but it doesn’t work. The phone field forces the use of the numeric keyboard on the iphone for the phone field and the only special characters are + * #. If I use “none” for the field format, then people can type in just the numbers in one long string. This is not ideal.

I’m currently using a text field for the phone number on the live site so people on mobile have access to their full keyboard which allows them to type in the special characters.

It would be useful to have a custom phone field where the special characters are automatically inputted on mobile so a person will only have to type the numbers.

Thanks for your help.

am going through same thing right now not working I had to write out the numbers in a message box copy and pasted still not working

@prisca1
For users of the Lite version, the “custom” format option in the phone field performs basic regex validation. This requires exact pattern matching, or it will fail validation, so I would recommend setting the format to “none” to resolve your issue.

In the Pro version of the plugin, this setting enables an input mask, which prevents typing of incorrect characters in the first place, and would likely be better suited to your needs.

still doesn’t work it says invalid number please how do I write this number in a space format +2349077889933 cos I tried it’s not working

Hi @prisca1

I would like to investigate this further.

Could you please open a presale ticket in our helpdesk here, and attach an XML export of your form so I can test this on my dev site? https://formidableforms.com/new-topic/

Thank you!