topic Re: Clear Hubspot form fields once clicked on submit button in CMS Development

Clear Hubspot form fields once clicked on submit button

YChuskit — Thu, 16 Dec 2021 14:26:15 GMT

Hello all,

so i have one modal button(inquiry form button): onclick inquiry form is displayed; i am using hubspot form.
what i want is once i click on submit button thank you message should be diplayed at the same time that form should be reset to blank form .can i achieve that? so that when user go and click on that modal button again they can enter another inquiry. but right now once the form is filled i can see thank you message every time i click on the modal button. the form gets reset only after i refresh the page.

i tried:-

hbspt.forms.create({
portalId: ‘2333626’,
formId: ‘9a3ba836-f31f-4869-8d28-d264cc4259a8’,
onFormSubmit: function($form) {
$form[0].reset();
}

but i am getting error

Re: Clear Hubspot form fields once clicked on submit button

Brownstephen101 — Thu, 16 Dec 2021 15:32:03 GMT

I don't believe you can do this with a Hubspot form. A workaround would be to have an html form display in place of the hubspot form, and use a serverless function to submit the data that you would like to submit via the api. Then you can use javascript to clear the fields or do whatever else you need to do. Hope this helps.

Re: Clear Hubspot form fields once clicked on submit button

YChuskit — Thu, 16 Dec 2021 15:41:56 GMT

thank you @Brownstephen101 for quick reply , i will try html form

Re: Clear Hubspot form fields once clicked on submit button

webdew — Mon, 20 Dec 2021 10:19:21 GMT

Hi @YChuskit ,

I don't think this is possible with Hubspot forms, but this is possible with JavaScript/ajax with HTML forms.

Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.

Re: Clear Hubspot form fields once clicked on submit button

YChuskit — Mon, 20 Dec 2021 10:22:21 GMT

@webdew thank you i will try that out

Re: Clear Hubspot form fields once clicked on submit button

SCustomerCare — Fri, 21 Oct 2022 18:27:15 GMT

While you're in the Options section of the form, enable the "Always create contact for new email address" option. This should automatically disable "Pre-populate contact fields with known values" as well. Now when the page reloads, the form should be empty and create a new contact instead of updating the same contact in its place.

More on these options here: https://knowledge.hubspot.com/forms/create-forms#customize-your-form-options