APIs & Integrations

02555
Member

Phone format help on embedded hubpost form

Hi,

 

I am struggling with getting the right phone format on a embedded form, currently numbers are entering as 5555555555, when I will like it to be 555-555-5555.

When I only enter 1 or 2 numbers, it accepts it as a valid number, I put a min and max value and doesnt trigger error message.

Also tried to change changing the error message and did not work.

 

translations: {
en: {
phoneInvalidCharacters: 'Must contain only numbers, and the following symbols: -',
numbersOutOfRange: 'Please enter a number that less than or equal to 13 characters.',
},
}

 

0 Upvotes
2 Replies 2
Jaycee_Lewis
Community Manager
Community Manager

Phone format help on embedded hubpost form

Hi, @02555 👋 Thanks for posting.

 

Can you share any additional details?

  • A link to a page with the form
  • Clarifying what type of form you are using. Is this a HubSpot form? A custom form? A form utilizing the non-HubSpot form option? 

Without more details, the community may not be able to answer or offer a guess.

 

Thank you! — Jaycee

linkedin

Jaycee Lewis

Developer Community Manager

Community | HubSpot

0 Upvotes
02555
Member

Phone format help on embedded hubpost form

It is an embedded HubSpot form.

I created a replica of my issue in this codesandbox.

https://codesandbox.io/s/fancy-hooks-bj5wst?file=/src/App.js

 

0 Upvotes