SOLVED

Re: Script to updated a Custom field in marketo form

Go to solution
sg
Level 2
Level 2

Script to updated a Custom field in marketo form

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

sg_1-1680243718302.png

 

 

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?

 

<button onclick="myFunction()">Click Me</button>
<script>
function myFunction() {
//alert( 'TEST My Function');
form= MktoForms2.getForm(1573);
//alert(form);
var vals = form.getValues();
alert("Submitted values: " + JSON.stringify(vals));

let mktoFieldsObj = {};
mktoFieldsObj['COB_CustomData']="test";
alert(mktoFieldsObj);
form.setValues(mktoFieldsObj);
form.submit();
}
</script>

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Script to updated a Custom field in marketo form

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_0-1680811770877.png

 

View solution in original post

11 REPLIES 11
SanfordWhiteman
Level 10 - Community Moderator

Re: Script to updated a Custom field in marketo form

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?

sg
Level 2
Level 2

Re: Script to updated a Custom field in marketo form

Thanks for your response.

Still it did not work for me, I am not sure what is wrong in this code?

I am seeing the Alert boxes before and after setting values, but the Data value for the COB_CustomData is not changing at all.

I can manually change the data value through Admin portal, but need the updates to happen through Form

Help appreciated 😀

sg_0-1680633536104.png

 

Created a simple custom field and trying to update it through Form.

Allowing all kinds of updates to it.

sg_1-1680633650816.png

 

It is updating the email address, but not any other field

sg_2-1680633762547.png

 

 

SanfordWhiteman
Level 10 - Community Moderator

Re: Script to updated a Custom field in marketo form

We need a link to your page. Can’t troubleshoot (let alone read) code in a screenshot. Remember my pointer about using the syntax highlighter.

sg
Level 2
Level 2

Re: Script to updated a Custom field in marketo form

Here is the link to the Form in a landing page

 

https://pages.sjsu.edu/SmartList_Demo_0_COB_Landing_Page_Test.html

 

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

SanfordWhiteman
Level 10 - Community Moderator

Re: Script to updated a Custom field in marketo form

Please use the syntax highlighter, thanks.
sg
Level 2
Level 2

Re: Script to updated a Custom field in marketo form

SanfordWhiteman
Level 10 - Community Moderator

Re: Script to updated a Custom field in marketo form

The syntax highlighter is right here on the forum. Open the full button bar and find the button that says "Insert/Edit Code Sample":

SanfordWhiteman_0-1680723248850.png

 

 

sg
Level 2
Level 2

Re: Script to updated a Custom field in marketo form

<script>
MktoForms2.whenReady(function(readyForm){
  const formEl = readyForm.getFormElem()[0],
  buttonEl = formEl.querySelector("#setCOBCustomData");
  alert(buttonEl );
  if(buttonEl)
  {
      buttonEl.addEventListener("click",function(e)
      {
            alert('Before setting value');
            readyForm.setValues
            (
               { Building: "your value" }
            );
            alert('After setting value');
        }
        );
  }
});
</script>
SanfordWhiteman
Level 10 - Community Moderator

Re: Script to updated a Custom field in marketo form

The name of your field is building, not Building.