topic Re: Custom validation & prevent form submision in APIs & Integrations

Custom validation & prevent form submision

CVlad — Tue, 21 Nov 2023 16:23:05 GMT

Hello all,

Just found a solution for doing a basic validation on fields before submit on a hubspot form.

Conditions:
Raw html form
Include jquery

Code

This code will disable the submit button until the field matches the regex.
You can add as many form validations you like and also add error message until the fields matches the regex.

Hope this helps.

Re: Custom validation & prevent form submision

MiaSrebrnjak — Wed, 22 Nov 2023 11:28:09 GMT

Hi @CVlad,

Thank you so much for sharing! 💛

I've highlighted your post so it's included under "Top Community Conversations" on our homepage. 🙂

Cheers
Mia, Community Team

Re: Custom validation & prevent form submision

matt_scott — Fri, 24 Nov 2023 10:23:19 GMT

Thanks this looks great

Previously I've set the validation on the click event on the button in the onFormReady

Although it's a 'click' event apparently the click is triggered when someone hits enter too

e.g. in quick jQuery

$(submitButton).on('click',function(e){ if(do some custom validation) { e.preventDefault(); } }

That code needs to be in the onFormReady and you obviously need to use the correct selectors

Re: Custom validation & prevent form submision

SteveHTM — Mon, 04 Dec 2023 15:01:44 GMT

There are some great ideas on form functionality extensions here and elsewhere in the community. I've found this incredibly helpful, but its sometime hard to hunt for.

Is there any chance that someone could formally update the foundationn document for form extensions at https://legacydocs.hubspot.com/docs/methods/forms/advanced_form_options with some of the more complete and innovative functionality thats been discussed here?

Steve

Re: Custom validation & prevent form submision

DavidClark08 — Wed, 08 May 2024 04:27:32 GMT

Thank you so much for sharing!

I've seen your post so it's included under "Top Community Conversations"on homepage

Re: Custom validation & prevent form submision

kgeddon — Fri, 24 Jan 2025 08:46:19 GMT

Custom validation is a great way to ensure data integrity before a form submission. I have implemented custom validation in JavaScript to check for specific conditions like input length or format, and prevent submission if they are not met. It is always important to give clear error messages to guide the user. Anyone else have tips for handling more complex validation scenarios?