What Happens to Marketo Forms When JavaScript is Disabled

A document by 1507095077414__vishals@grazitti.com on behalf of Mel Dadoly on Aug 11, 2017Last modified by Roxann McGlumphy on Aug 16, 2017
Version 3Show Document
  • View in full screen mode

Issue Description

Using a browser with JavaScript disabled causes display and validation problems with Marketo forms.

 

Issue Resolution

When JavaScript is disabled in a browser, it can cause a couple of different behaviors. For embedded forms, the form will not load on the page because it is loaded by JavaScript. For non-embedded forms on a Marketo landing page, the form will load but it will be a bare bones version of the form that does not validate field input, because validation is handled by JavaScript.

 

If you want to display a message to users with JavaScript disabled, you can use the “noscript” tag to display a message that prompts users to enable it in order to render the page correctly:
https://www.w3schools.com/tags/tag_noscript.asp

 

Here’s an example using that with an embedded form:
<script src="//app-sjst.marketo.com/js/forms2/js/forms2.min.js"></script>
<form id="mktoForm_1001"></form>
<script>MktoForms2.loadForm("//app-sjst.marketo.com", "507-ILX-247", 1001);</script>
<noscript>You have JavaScript disabled! Please enable JavaScript for the best experience on this site.</noscript>

 

 


For a Marketo landing page, I added an HTML Element with just the last line from the example above:
<noscript>You have JavaScript disabled! Please enable JavaScript for the best experience on this site.</noscript>

 

 

Alternatively, you can use a redirect solution like this, which will send users with JavaScript disabled to another page:

<html>

<head>

<noscript>

  <meta http-equiv="refresh" content="0; URL=http://www.marketo.com">

</noscript>

</head>

<body>

<p>Fancy redirect page if JavaScript is not detected.</p>

</body>

</html>

 

Attachments

    Outcomes