Phone format help on embedded hubpost form

[02555]

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.',

},

}

[Jaycee_Lewis]

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

[02555]

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