Forums

Phone Field Default to Number Keypad on Mobile

baxterdown 03 Jan, 2017
Hi Bob,

I would like the phone field on forms to default to the numbers keypad when viewed on a mobile device. Is that possible with CF?

I tried validating with both "number" and "phone" and it doesn't work. I'm also using the data input mask
data-inputmask='mask' : '(999) 999-9999'
but that is not working either.

Best,

Jose
GreyHead 04 Jan, 2017
Hi Jose,

I just experimented a little and is seems as if adding this to the Extra Params box
type=tel
data-inputmask='mask' : '(999) 999-9999'
does what you need. Interesting to discover that you can change an input type that way - I didn't know that before :-)

The mask works OK for me - see here. If it doesn't work on your form then possibly there is a JavaScript error?

Bob
baxterdown 04 Jan, 2017
1 Likes
Hi Bob, good morning.

IT WORKS! I just tested it on iOS and Android and it worked perfectly. I'm so happy that it's a simple solutions that's easy to integrate into all of my existing forms. THANK YOU, THANK YOU!

Happy New Year,

Jose
This topic is locked and no more replies can be posted.

VPS & Email Hosting 20% discount

{item:title} {images:#}