Script to updated a Custom field in marketo form

Question

Hi, I have a Marketo form with a Custom Field and would like to update it with some value. What should be the script like? My Form looks like In the Click me button, I have the script like below, which does not change the value. My Goal is to update the COB_CustomData to some value. Help needed for scripting this kind of function?

SanfordWhiteman · Accepted Answer

Sorry for this multiple posts, but still not able to update a field

Realized that Building field is blocked for Form Fillouts.

Now, Switching to COB_CustomData, It is still not working. I am clueless what is wrong here
API Name for COB_CustomData is cOBCustomData (lower c)

<script>
MktoForms2.whenReady(function(readyForm){
  const formEl = readyForm.getFormElem()[0],
        buttonEl = formEl.querySelector("#setCOBCustomData");
  
  if(buttonEl){
    buttonEl.addEventListener("click",function(e){
     alert('before set value');
      readyForm.setValues({
        cOBCustomData: "your value"
      });
       alert('after set value');
    });
  }
});
</script>

COB_CustomData is NOT Blocked Updates From: None

But the Change Data value is not triggered in the Activity log

You need to be more attentive to case-sensitivity.

Please:

1. Fix the fatal error from the other script (due to another typo in a field name).

2. Change all alert() to console.log(). alert() is not the right troubleshooting tool for forms: it changes the form state (by moving focus) and is very distracting.

You can however see that the JSON data is posted with the form. Not sure what you’re trying to accomplish by posting all form values in this way, but they are being sent:

SanfordWhiteman · Answer

Please use the Syntax Highlighter when posting code. (I edited your post this time.)

Yet even with highlighting, your code is hard to read. Looks like a bunch of things pasted together, including an attempt to do things outside your stated requirement, such as submitting the form? Please to try focus on the specific requirement, or comment the code appropriately.

If you have a button like this inside a Rich Text on the form:

<button type="button" id="setCOBCustomData">Click Me</button>

And when clicked, you want to update a field with the form field name:

COB_CustomData

Then you add a button click listener like this:

MktoForms2.whenReady(function(readyForm){
  const formEl = readyForm.getFormElem()[0],
        buttonEl = formEl.querySelector("#setCOBCustomData");
  
  if(buttonEl){
    buttonEl.addEventListener("click",function(e){
      readyForm.setValues({
        COB_CustomData : "your value"
      });
    });
  }
});

This JS should go in its own <script> tag, after the form. You should not try to embed custom JS behaviors within the form itself (i.e. in a Rich Text) because it can make things very difficult to troubleshoot.

Note, though: if you don’t have at least a beginner’s idea of what this JS is doing, it’s risky to put it on a production site. Are you ready to “own” code on production LPs?

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded