topic Re: Cannot set a custom error message in Lead Capture Tools

Cannot set a custom error message

birdman — Wed, 28 Dec 2022 13:48:31 GMT

I am trying to set a custom error message on a form but so far unsuccessful.

I have created a HubSpot form, set as raw HTML, embedded it on page (using hbspt.forms.create()), and added custom field validators in JavaScript that are correctly being registered with a callback function and triggered. All this works.

When a specific validation is false, how do I set a custom error message?

The method setCustomValidity("error message") does not seem to work, nor does 'textContent'.

Re: Cannot set a custom error message

DianaGomez — Wed, 28 Dec 2022 18:25:42 GMT

Hi @birdman, hope you are doing well!

I have found this thread with several options you can try to accomplish your goal.

Hope this helps,

Diana

Re: Cannot set a custom error message

birdman — Thu, 29 Dec 2022 09:40:18 GMT

Hi @EDia - I have seen the article before but contains dead links. Do you know the solution? Best Martin

Re: Cannot set a custom error message

birdman — Thu, 29 Dec 2022 10:55:37 GMT

When looking at the form customization code (see https://legacydocs.hubspot.com/docs/methods/forms/advanced_form_options), I see the option to change error messages. But how does this work for custom validations?

For example, I have a text input field, and there are 4 different validations it needs to pass. The error message that needs to be displayed is dependent on the specific validation.

Re: Cannot set a custom error message

DianaGomez — Thu, 29 Dec 2022 14:04:42 GMT

Hi Martin, thanks for letting me know, however when I go there the first link is this one, and works fine. Could you double-check? This will be the option available at the moment.

About the second one and third one that are the same one, you are right, those are no longer in the Marketplace for that reason you see a broken page.

Hope this helps clarify.

Best,

Diana

Re: Cannot set a custom error message

birdman — Thu, 29 Dec 2022 14:51:26 GMT

Hello Diane, the first link is all known to me and does not provide a solution to the challenge I am having. Thx anyway

Re: Cannot set a custom error message

birdman — Fri, 30 Dec 2022 11:17:40 GMT

I have created a project on GitHub that shows how to create custom form field validations using JavaScript (without jQuery) for those interested. See https://github.com/birdmeister/hubspot-form-validation

Any remarks, corrections and additions are more then welcome.

Re: Cannot set a custom error message

DianaGomez — Fri, 30 Dec 2022 13:52:05 GMT

Hi @birdman 😊

¡Fantastic! Thanks for sharing 😊

Best,

Diana