Creating Custom Field - Telephone - Support Fourms

This topic has 8 replies, 3 voices, and was last updated 1 month ago by tech500.

Creator

Topic
November 26, 2018 at 8:19 PM #12252
Resolved @mindspark
Participant
Hi Anh – I’ve read the KB on this, but what I don’t see in the instructions is:
1. can you convert a standard text field to a TEL field by using an Attribute?
2. what would be the complete string to add into the functions.php file to create the new field type as an option in the meta-builder?
thanks
Creator

Topic

Viewing 8 replies - 1 through 8 (of 8 total)

Author

Replies
November 27, 2018 at 1:56 PM #12285
Anh Tran
Keymaster
Hi Neil,
1. Yes, it’s possible. Please just change the type from text to tel and you already have telephone field. It’s actually a HTML5 input type and I already covered it here.
2. The Meta Box Builder could not be extended that way. If you create a new field type, it’s available for coding only. It won’t show in the Builder.
November 27, 2018 at 6:49 PM #12296

@mindspark
Participant

Thx Anh –

I don’t know WHERE to change the field type from Text to TEL….? there isn’t an option in the builder itself that I can find

November 28, 2018 at 11:33 AM #12314

Anh Tran
Keymaster

Ah, you’re using the Meta Box Builder :). I was saying about using code.

In Meta Box Builder, to change the type, please go to Advanced tab, try add a custom attribute type with value tel.

November 28, 2018 at 7:18 PM #12328

@mindspark
Participant

so sorry about this….

which field type do I select? there is no option for HTML5 or anything related to text?

see here: https://snag.gy/CX69fH.jpg

November 28, 2018 at 7:26 PM #12330

@mindspark
Participant

please disregard my last note.

Using a TEXT field, I went to Advanced tab and in Attributes I added TYPE and TEL.

after updating, the field still allows me to enter text and numbers are not formatted as a telephone number.

see here:

setting attribute – https://snag.gy/61TK29.jpg
number not formatted as phone number – https://snag.gy/gG3d2n.jpg
field accepts text vs numbers – https://snag.gy/mcPKxk.jpg

November 29, 2018 at 4:38 PM #12357

Anh Tran
Keymaster

Hi Neil,

The tel input still allows to enter text. In order to force a format, please add another custom attribute with name pattern and value like [0-9]{3}-[0-9]{3}-[0-9]{4} (123-456-7890). Then the plugin will use that pattern as a validator for data entered.

Please note that the value is a regular expression, where [0-9] means only numbers, {3} means only 3 times. For more info, please read this guide.

November 29, 2018 at 6:53 PM #12361

@mindspark
Participant

Hi Anh – I found the patterns detail on my own yesterday… I was assuming that the pattern allows for real-time field validation. unfortunately the pattern method only validates on submission. 🙁

as always thanks for your efforts here!

December 19, 2019 at 8:47 PM #17589

tech500
Participant

Hi,

I’m using the Meta Box Builder for a phone number field, and the number doesn’t get formated to a phone number format like the custom attribute mentioned.
Tried both text & number field types, and also added the “tel” type attribute.

How can I get a phone number format properly?

Thanks
Dan
Author

Replies

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Creating Custom Field – Telephone

Newsletter