Form submission error on Safari. Form on external CMS. | Community
Skip to main content
Tucker_Allen3
Tucker_Allen3
New Participant
July 10, 2019
Solved

Form submission error on Safari. Form on external CMS.

  • July 10, 2019
  • 1 reply
  • 4596 views

Hi,

We are using Marketo forms on our Sitecore cms. We have the forms opening a redirect in a new tab. Everything works as intended except in Safari on mobile. The form just gets stuck at "please wait" Can anyone provide any insight on our code?

Here is the page: 

https://kerry.com/applications/pharma-and-biotechnology

<script src="//app-ab33.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_2050"></form>
<script>MktoForms2.loadForm("//app-ab33.marketo.com", "117-TLU-222", 2050, function(form) {
    //Add an onSuccess handler
    form.onSuccess(function(values, followUpUrl) {
        // Take the lead to a different page on successful submit, ignoring the form's configured followUpUrl
window.open(
  'https://app.salsify.com/catalogs/762cc756-2d61-48c5-8f83-f5344abcfcd8/products?filter=%3D&page=1',
  '_blank' // <- This is what makes it open in a new window.
);
 
        // Return false to prevent the submission handler continuing with its own processing
        return false;
    });
});</script> 

Thanks,


Tucker

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SanfordWhiteman

Hi Sanford,

Thanks again for looking at this. I was reviewing your other thread regarding this issue. As I'm not a developer it was a bit confusing, but I think I may have worked it out. We've updated the form based on your input. I do feel a bit more optimistic now. Can you please give me your thoughts? Same URL as above.


Thanks,

Tucker

<script src="//app-ab33.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_2144"></form>
<script>MktoForms2.loadForm("//app-ab33.marketo.com", "117-TLU-222", 2144, function(form) {
    //Add an onSuccess handler
    form.onSubmit(function(values, followUpUrl) {
        // Take the lead to a different page on successful submit, ignoring the form's configured followUpUrl
window.open(
  'https://app.salsify.com/catalogs/762cc756-2d61-48c5-8f83-f5344abcfcd8/products?filter=%3D&page=1',
  '_blank' // <- This is what makes it open in a new window.
);
form.onSuccess(function(vals,followUpURL) {thankyouWindow.document.location = 'https://kerry.com/products/pharma-and-biotechnology' ;
})
        // Return false to prevent the submission handler continuing with its own processing
        return false;
    });
 
});</script> ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

More like

<script src="//app-ab33.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_2144"></form>
<script>
MktoForms2.loadForm("//app-ab33.marketo.com", "117-TLU-222", 2144, function(form) {
    var thankyouWindow;
    
    form.onSubmit(function(form) {
      thankyouWindow = window.open("","_blank");
    });
    
    form.onSuccess(function(vals,followUpURL) {
      thankyouWindow.document.location = "https://app.salsify.com/catalogs/762cc756-2d61-48c5-8f83-f5344abcfcd8/products?filter=%3D&page=1" ;
      return false;
    });
});
</script> ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

1 reply

SanfordWhiteman
SanfordWhiteman
New Participant
July 10, 2019

Please highlight your code using the Advanced Editor's syntax highlighter so it's readable.

Tucker_Allen3
Tucker_Allen3Author
New Participant
July 10, 2019

Hi Sanford - apologies, here you are. We suspect that the error is occurring where we have _blank for opening in a new tab, but we are not sure.

Thanks for your help!

<script src="//app-ab33.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_2050"></form>
<script>MktoForms2.loadForm("//app-ab33.marketo.com", "117-TLU-222", 2050, function(form) {
 //Add an onSuccess handler
 form.onSuccess(function(values, followUpUrl) {
 // Take the lead to a different page on successful submit, ignoring the form's configured followUpUrl
window.open(
 'https://app.salsify.com/catalogs/762cc756-2d61-48c5-8f83-f5344abcfcd8/products?filter=%3D&page=1',
 '_blank' // <- This is what makes it open in a new window.
);
 
 // Return false to prevent the submission handler continuing with its own processing
 return false;
 });
});</script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
SanfordWhiteman
SanfordWhiteman
New Participant
July 10, 2019

Well, you're overly optimistic about this working in other browsers. In fact it results in a popup warning, for pretty obvious reasons, in Chrome:

This happens because (due to longstanding browser rules) the popup must be opened in direct response to user action. In this case, that means in the onSubmit, not in the onSuccess. Then you can change the URL in the onSuccess.  I've given examples of this in the past, if you search.

Terms & ConditionsAccessibility statement

Loading footer...