Hubspot form: programmatically set field value via jQuery


How do we do this with vanilla JS (no JQuery)? Or can someone link me to the answer if it’s already been given elsewhere?


Hi guys and gals,

I had the same problem and fixed it by using the script in a different scope “jQuery” instead of “$”.


Not working:


I have the same issue, I'm trying to write on an input:
but it doesn't:disappointed_relieved: work.


Hi @Payman_Ferdowsali,

Is the form fully loaded before that script runs? Have you tried replacing $ with jQuery as mentioned above?


I used Document.load method from Javascrip to make sure it is loaded. I also both $ and JQuery. Apparantly the Document is loaded, but doesnt have all HTML5 attributes!


Hi @Payman_Ferdowsali,

The Document.load method isn't the best event for this; that event fires when the DOM is loaded, but HubSpot forms are loaded dynamically by the form embed code. You should put the form field related code in the built-in onFormReady callback:


Hi @Derek_Gervais,

I did so, but when I use onFormReady method, I get the error message saying:

shell.js:9 The onFormReady function in hbspt.forms.create requires jQuery. It was not run.

This is the code I have:

portalId: '383XXXX',
formId: '6ae5c91f-67cf-40e7-bc53-XXXXXXXXXXXX',
onFormReady: function($form){


Hi @Payman_Ferdowsali,

The error is accurate here; you need to include jQuery to get the full functionality of the form embed code. jQuery is included on HubSpot pages by default, but may not be included on yours.


I included Jquery, but still getting the same error. This is my code:

<script src="jquery-3.3.1.min.js"></script>
<script charset="utf-8" type="text/javascript" src="//"></script>
portalId: '383xxxx',
formId: '6ae5c91f-67cf-40e7-bc53-14bbxxxxxxxx',      
onFormReady: function($form){
document.getElementById("firstname-6ae5c91f-67cfxxxxxxxxxxxxx").value = "Brian";  


and this is the error I get:

The onFormReady function in hbspt.forms.create requires jQuery. It was not run.


I found the solution:
1- I added jquery v 1.12.4 before hobspot form gets loaded.
2- Instead of using the which is in the default embedded code by hubspot, I used


Someone from this thread can look into this one Cannot read property 'target' of undefined from current.js please